
.recovery-readiness-segments {
    grid-column: 1 / -1;
    grid-row: 2;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    min-width: 0;
    padding: 0;
}

.recovery-readiness-segment {
    position: relative;
    box-sizing: border-box;
    min-width: 0;
    border: 1px solid #000;
    background: var(--recovery-segment-color);
    opacity: 0.1;
}

.assessment-module-groups {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 40px;
    min-width: 0;
    margin-top: 40px;
}

.assessment-module-group,
.assessment-module-group__cards {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    min-width: 0;
}

.assessment-module-group__title {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
}

.assessment-module-group__caption {
    min-width: 0;
    margin: -4px 0 4px;
    color: var(--app-color-text-muted, #625d5a);
    overflow-wrap: anywhere;
}

.assessment-module-card {
    --impact-scale-0: #eb7b49;
    --impact-scale-1: #eea07e;
    --impact-scale-2: #f1c4b2;
    --impact-scale-3: #d8d2cf;
    --impact-scale-4: #c7dcdc;
    --impact-scale-5: #99c2c1;
    --impact-scale-6: #549c97;
    --impact-scale-7: #0f766e;
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    box-sizing: border-box;
    min-width: 0;
    border: 1px solid var(--app-line-card);
    border-radius: var(--app-radius-surface);
    padding: var(--app-today-card-padding);
    background: var(--app-color-card);
    color: var(--app-color-text, #000);
    corner-shape: var(--app-corner-shape);
    box-shadow: var(--app-card-shadow);
}

.assessment-module-group .assessment-module-card {
    min-height: 95px;
}

.assessment-module-card__content {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.assessment-module-group[data-group="complete"]
    .assessment-module-card__content {
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 73px;
}

.assessment-module-group[data-group="complete"]
    .assessment-module-card__content
    > .modules-hub-steps-impact {
    align-self: end;
}

.assessment-module-card__content.has-impact-value {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto minmax(0, 1fr);
    column-gap: 8px;
}

.assessment-module-card__content.has-impact-comparison {
    grid-template-columns: minmax(0, 1fr) 94px;
}

.assessment-module-card__content.has-impact-value
    > .assessment-module-card__heading {
    grid-column: 1;
    grid-row: 1;
    align-self: start;
}

.assessment-module-card__content.has-impact-value
    > .modules-hub-steps-impact {
    grid-column: 1;
    grid-row: 2;
    align-self: end;
    grid-template-columns: minmax(0, 1fr);
    column-gap: 0;
}

.assessment-module-card__content.has-impact-value
    > .modules-hub-steps-impact-current-value {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: end;
}

.assessment-module-card__content.has-impact-value
    > .modules-hub-steps-impact-current-value.has-potential {
    align-self: start;
}

.assessment-module-card__heading {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.assessment-module-card__heading.has-impact-comparison {
    grid-template-columns: minmax(0, 1fr);
}

.assessment-module-card__meta {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.assessment-module-card__title {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
}

.assessment-module-card__potential.is-gain {
    flex: 0 0 auto;
    padding-block: 1px;
    padding-inline: 4px;
    background: #2563eb;
    color: #fff;
}

.cabinet-body .assessment-module-card__potential:is(.is-loading, .is-unavailable),
.stress-card-comparison .assessment-module-card__potential:is(.is-loading, .is-unavailable) {
    flex: 0 0 auto;
    padding-block: 1px;
    background: #f1efec;
    color: var(--app-color-text-muted, #625d5a);
}

.assessment-module-card__potential:is(.is-complete, .is-review) {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    padding: 0;
    border-radius: var(--app-radius-circle);
    color: #fff;
}

.assessment-module-card__potential.is-complete {
    border-color: #2563eb;
    background: #2563eb;
}

.assessment-module-card__potential.is-pending {
    display: inline-block;
    flex: 0 0 auto;
    box-sizing: border-box;
    width: fit-content;
    min-width: 0;
    max-width: 100%;
    margin: 0;
    border: 0;
    border-radius: var(--app-radius-pill);
    padding-block: 1px;
    padding-inline: 4px;
    background: #625d5a;
    color: #fff;
    overflow-wrap: anywhere;
    white-space: nowrap;
}


.assessment-module-card__potential.is-review {
    border-color: #f4b400;
    background: #f4b400;
    color: #332600;
}

.assessment-module-card .modules-hub-steps-impact {
    display: grid;
    gap: 4px;
    min-width: 0;
    margin-top: 0;
}

.assessment-module-card .modules-hub-steps-impact-pill[data-impact-color-step="0"] {
    --recovery-segment-color: var(--impact-scale-0);
}
.assessment-module-card .modules-hub-steps-impact-pill[data-impact-color-step="1"] {
    --recovery-segment-color: var(--impact-scale-1);
}
.assessment-module-card .modules-hub-steps-impact-pill[data-impact-color-step="2"] {
    --recovery-segment-color: var(--impact-scale-2);
}
.assessment-module-card .modules-hub-steps-impact-pill[data-impact-color-step="3"] {
    --recovery-segment-color: var(--impact-scale-3);
}
.assessment-module-card .modules-hub-steps-impact-pill[data-impact-color-step="4"] {
    --recovery-segment-color: var(--impact-scale-4);
}
.assessment-module-card .modules-hub-steps-impact-pill[data-impact-color-step="5"] {
    --recovery-segment-color: var(--impact-scale-5);
}
.assessment-module-card .modules-hub-steps-impact-pill[data-impact-color-step="6"] {
    --recovery-segment-color: var(--impact-scale-6);
}
.assessment-module-card .modules-hub-steps-impact-pill[data-impact-color-step="7"] {
    --recovery-segment-color: var(--impact-scale-7);
}

.assessment-module-card .modules-hub-impact-heading {
    min-width: 0;
    margin: 0;
    color: var(--app-color-text-muted, #625d5a);
    overflow-wrap: anywhere;
}

.assessment-impact-gradient {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.assessment-impact-gradient__track {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 12px;
    margin: 18px 0;
}

.assessment-module-card [data-segmented="true"], .assessment-impact-gradient__segments { column-gap: 1px; }
.assessment-impact-gradient__segments {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    width: 100%;
    height: 12px;
}

.assessment-impact-gradient__segment {
    position: relative;
    min-width: 0;
}

.assessment-impact-gradient__segment:first-child {
    --impact-display-color: var(--impact-scale-0);
}

.assessment-impact-gradient__segment:last-child {
    --impact-display-color: var(--impact-scale-7);
}

.assessment-module-card :is(.recovery-readiness-segment.assessment-impact-gradient__segment-pill, [data-segmented="true"] .modules-hub-steps-impact-pill) {
    display: block;
    width: 100%; border-radius: var(--app-radius-segment);
}

.assessment-impact-gradient__segment:nth-child(1)
    .assessment-impact-gradient__segment-pill {
    --recovery-segment-color: var(--impact-scale-0);
}

.assessment-impact-gradient__segment:nth-child(n + 2):nth-child(-n + 3)
    .assessment-impact-gradient__segment-pill {
    --recovery-segment-color: var(--impact-scale-1);
}

.assessment-impact-gradient__segment:nth-child(n + 4):nth-child(-n + 5)
    .assessment-impact-gradient__segment-pill {
    --recovery-segment-color: var(--impact-scale-2);
}

.assessment-impact-gradient__segment:nth-child(n + 6):nth-child(-n + 7)
    .assessment-impact-gradient__segment-pill {
    --recovery-segment-color: var(--impact-scale-4);
}

.assessment-impact-gradient__segment:nth-child(n + 8):nth-child(-n + 9)
    .assessment-impact-gradient__segment-pill {
    --recovery-segment-color: var(--impact-scale-5);
}

.assessment-impact-gradient__segment:nth-child(n + 10):nth-child(-n + 11)
    .assessment-impact-gradient__segment-pill {
    --recovery-segment-color: var(--impact-scale-6);
}

.assessment-impact-gradient__segment:nth-child(12)
    .assessment-impact-gradient__segment-pill {
    --recovery-segment-color: var(--impact-scale-7);
}

.assessment-impact-gradient__segment-pill[data-selected="true"] {
    z-index: 1;
    opacity: 1;
}

.assessment-impact-gradient__marker {
    position: absolute;
    z-index: 2;
    top: 50%;
    width: 18px;
    height: 18px;
    border: 2px solid #000;
    border-radius: var(--app-radius-circle);
    background: #fff;
    box-sizing: border-box;
    transform: translate(-50%, -50%);
    transition: left 180ms ease;
}

.assessment-impact-gradient__boundary {
    position: absolute;
    z-index: 2;
    inset: 0;
    opacity: 0.2;
}

.assessment-impact-gradient__segment[data-selected="true"]
    .assessment-impact-gradient__boundary {
    opacity: 1;
}

.assessment-impact-gradient__marker-value,
.assessment-impact-gradient__marker-impact,
.assessment-impact-gradient__boundary-value,
.assessment-impact-gradient__boundary-impact {
    position: absolute;
    left: 50%;
    color: var(--app-color-text, #000);
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    line-height: 14px;
    white-space: nowrap;
    transform: translateX(-50%);
}

.assessment-impact-gradient__marker-value,
.assessment-impact-gradient__boundary-value {
    top: calc(100% + 4px);
    bottom: auto;
    color: var(--impact-display-color, var(--app-color-text, #000));
}

.assessment-impact-gradient__segment:first-child
    .assessment-impact-gradient__boundary-value {
    left: 0;
    transform: none;
}

.assessment-impact-gradient__segment:last-child
    .assessment-impact-gradient__boundary-value {
    right: 0;
    left: auto;
    transform: none;
}

.assessment-impact-gradient__marker-impact,
.assessment-impact-gradient__boundary-impact {
    top: calc(100% + 4px);
}

.assessment-impact-gradient__marker[data-label-alignment="start"]
    :is(.assessment-impact-gradient__marker-value, .assessment-impact-gradient__marker-impact) {
    left: 50%;
    transform: none;
}

.assessment-impact-gradient__marker[data-label-alignment="end"]
    :is(.assessment-impact-gradient__marker-value, .assessment-impact-gradient__marker-impact) {
    right: 50%;
    left: auto;
    transform: none;
}

.assessment-module-card .modules-hub-steps-impact-items {
    grid-template-rows: auto 12px auto;
    padding-block-end: 0;
}

.assessment-module-card .modules-hub-steps-impact-items[data-band-count="2"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.assessment-module-card .modules-hub-steps-impact-items[data-band-count="3"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.assessment-module-card .modules-hub-steps-impact-items[data-band-count="4"] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.assessment-module-card .modules-hub-steps-impact-items[data-band-count="5"] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.assessment-module-card .modules-hub-steps-impact-items[data-band-count="6"] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.assessment-module-card .modules-hub-steps-impact-item {
    position: relative;
    display: grid;
    grid-row: 1 / span 3;
    grid-template-rows: subgrid;
    gap: 4px;
    min-width: 0;
    text-align: center;
}

.assessment-module-card .modules-hub-steps-impact-label {
    align-self: end;
    max-width: none;
    overflow: visible;
    white-space: nowrap;
}

.assessment-module-card .modules-hub-steps-impact-recalculation {
    position: absolute;
    z-index: 3;
    top: -20px;
    left: 50%;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    color: var(--app-color-text, #000);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    font-weight: 400;
    line-height: 14px;
    transform: translateX(-50%);
    white-space: nowrap;
}

.assessment-module-card
    .modules-hub-steps-impact-recalculation[data-recalculation-state="fresh"]
    .modules-hub-steps-impact-recalculation-icon {
    color: #e13333;
}

:is(.assessment-module-card, .health-assessment-journey) .modules-hub-steps-impact-recalculation-icon {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 1.5px solid currentColor;
    border-radius: var(--app-radius-circle);
    box-sizing: border-box;
    color: var(--app-color-text-muted, #625d5a);
    flex: 0 0 10px;
}

:is(.assessment-module-card, .health-assessment-journey) .modules-hub-steps-impact-recalculation-icon::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3px;
    height: 3px;
    border-radius: var(--app-radius-circle);
    background: currentColor;
    content: "";
    transform: translate(-50%, -50%);
}

.assessment-module-group:not([data-group="pending"])
    .assessment-module-card
    .modules-hub-steps-impact:not(.assessment-impact-gradient):has(
        > .modules-hub-steps-impact-current-value
    ) {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    column-gap: 12px;
}

.assessment-module-group:not([data-group="pending"])
    .assessment-module-card .assessment-impact-gradient {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    column-gap: 12px;
}

.assessment-module-group:not([data-group="pending"])
    .assessment-module-card
    .assessment-module-card__content.has-impact-value
    > .modules-hub-steps-impact {
    grid-template-columns: minmax(0, 1fr);
    column-gap: 0;
}

.assessment-module-group .assessment-module-card
    .modules-hub-steps-impact:not(.assessment-impact-gradient)
    .modules-hub-impact-heading {
    grid-column: 1 / -1;
}

.assessment-module-group .assessment-module-card
    .modules-hub-steps-impact-items {
    grid-column: 1;
    grid-row: 1;
    grid-template-rows: auto 6px auto;
    padding-block-start: 14px;
    padding-block-end: 0;
}

.assessment-module-group .assessment-module-card
    .modules-hub-steps-impact-items .recovery-readiness-segment {
    height: 6px;
    border: 0;
}

.assessment-module-group:not([data-group="pending"])
    .assessment-module-card .modules-hub-steps-impact-items
    .recovery-readiness-segment {
    opacity: 1;
}

.assessment-module-group[data-group="pending"]
    .assessment-module-card .modules-hub-steps-impact-items
    .recovery-readiness-segment {
    opacity: 0.2;
}

.assessment-module-group[data-group="pending"]
    .assessment-module-card .modules-hub-steps-impact-item
    > :is(
        .modules-hub-steps-impact-label,
        .modules-hub-steps-impact-value
    ) {
    opacity: 0.4;
}

.assessment-module-group .assessment-module-card
    :is(.assessment-impact-gradient__track, .assessment-impact-gradient__segments) {
    height: 6px;
}

.assessment-module-group .assessment-module-card
    .assessment-impact-gradient__segment-pill {
    height: 6px;
    border: 0;
}

.assessment-module-group:not([data-group="pending"])
    .assessment-module-card .assessment-impact-gradient__segment-pill {
    opacity: 1;
}

.assessment-module-group:not([data-group="pending"])
    .assessment-module-card .assessment-impact-gradient__boundary {
    opacity: 1;
}

.assessment-module-group[data-group="pending"]
    .assessment-module-card .assessment-impact-gradient__boundary {
    opacity: 0.4;
}

#cabinet-section-modules .assessment-module-card
    .modules-hub-steps-impact[data-unknown="true"]
    :is(
        .modules-hub-steps-impact-pill,
        .assessment-impact-gradient__segment-pill
    ) {
    opacity: 0.2;
}

#cabinet-section-modules .assessment-module-card
    .modules-hub-steps-impact[data-unknown="true"]
    :is(
        .modules-hub-impact-heading,
        .modules-hub-steps-impact-label,
        .modules-hub-steps-impact-value,
        .assessment-impact-gradient__boundary
    ) {
    opacity: 0.4;
}

.assessment-module-group .assessment-module-card
    .modules-hub-steps-impact-pill[data-current="true"]::after,
.assessment-module-group .assessment-module-card
    .indicator-card-point-marker {
    position: absolute;
    top: auto;
    bottom: calc(100% - 2px);
    left: 50%;
    width: 12px;
    height: 10px;
    border: 0;
    background: center / 12px 10px no-repeat
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10'%3E%3Cpath d='M1.6 1H10.4Q11.4 1 10.9 1.85L6.65 8.75Q6 9.5 5.35 8.75L1.1 1.85Q.6 1 1.6 1Z' fill='%23000' stroke='%23fff' stroke-width='1' stroke-linejoin='round'/%3E%3C/svg%3E");
    content: "";
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.65));
    transform: translateX(-50%);
}

.assessment-module-group:not([data-group="pending"])
    .assessment-module-card .assessment-impact-gradient__marker {
    top: auto;
    bottom: calc(100% - 2px);
    width: 12px;
    height: 10px;
    border: 0;
    border-radius: 0;
    background: none;
    transform: translateX(-50%);
}

.assessment-module-group:not([data-group="pending"])
    .assessment-module-card .assessment-impact-gradient__marker::before {
    position: absolute;
    inset: 0;
    background: center / 12px 10px no-repeat
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10'%3E%3Cpath d='M1.6 1H10.4Q11.4 1 10.9 1.85L6.65 8.75Q6 9.5 5.35 8.75L1.1 1.85Q.6 1 1.6 1Z' fill='%23000' stroke='%23fff' stroke-width='1' stroke-linejoin='round'/%3E%3C/svg%3E");
    content: "";
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.65));
}

.assessment-module-group .assessment-module-card
    :is(
        .assessment-impact-gradient__marker-impact,
        .assessment-impact-gradient__boundary-impact
    ) {
    display: none;
}

.assessment-module-group .assessment-module-card
    .assessment-impact-gradient__marker[data-edge="true"]
    .assessment-impact-gradient__marker-value {
    display: none;
}

.assessment-module-group:not([data-group="pending"])
    .assessment-module-card
    .assessment-impact-gradient__marker:not([data-edge="true"])
    .assessment-impact-gradient__marker-value {
    top: -16px;
    bottom: auto;
    color: var(--app-color-text, #000);
}

.assessment-module-group .assessment-module-card
    .modules-hub-steps-impact-value {
    display: none;
}

.assessment-module-group .assessment-module-card
    .modules-hub-steps-impact-current-value {
    grid-column: 2;
    align-self: end;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-variant-numeric: tabular-nums;
    text-align: right;
    white-space: nowrap;
}

.assessment-module-group .assessment-module-card
    .modules-hub-steps-impact-current-value.has-potential {
    position: relative;
    display: grid;
    grid-template-columns: 40px 46px;
    column-gap: 8px;
    align-items: end;
    width: 94px;
    min-width: 94px;
    padding-top: 23px;
    text-align: right;
}

.assessment-module-group .assessment-module-card
    .modules-hub-steps-impact-state {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    min-width: 0;
}

.assessment-module-group .assessment-module-card
    .modules-hub-steps-impact-state-label {
    width: 100%;
    color: var(--app-color-text-muted, #625d5a);
    text-align: right;
    white-space: nowrap;
}

.assessment-module-group .assessment-module-card
    .modules-hub-steps-impact-transfer {
    position: absolute;
    z-index: 2;
    top: 8px;
    right: 23px;
    left: 20px;
    height: 12px;
    border-top: 1px solid #2563eb;
    border-right: 1px solid #2563eb;
    border-left: 1px solid #2563eb;
    border-start-start-radius: var(--app-radius-data);
    border-start-end-radius: var(--app-radius-data);
    box-sizing: border-box;
}

.assessment-module-group .assessment-module-card
    .modules-hub-steps-impact-transfer::after {
    position: absolute;
    right: -3px;
    bottom: -4px;
    width: 0;
    height: 0;
    border-top: 4px solid #2563eb;
    border-right: 2.5px solid transparent;
    border-left: 2.5px solid transparent;
    content: "";
}

.assessment-module-group .assessment-module-card
    .modules-hub-steps-impact-transfer
    .assessment-module-card__potential.is-gain {
    position: absolute;
    top: 0;
    left: 50%;
    white-space: nowrap;
    transform: translate(-50%, -50%);
}

.assessment-module-group .assessment-module-card
    .modules-hub-steps-impact-current-caption {
    width: 100%;
    color: var(--app-color-text-muted, #625d5a);
    text-align: right;
}

.assessment-module-group .assessment-module-card
    :is(
        .modules-hub-steps-impact-current-value.has-potential
        .modules-hub-steps-impact-current-caption,
        .modules-hub-steps-impact-future-caption
    ) {
    width: 100%;
    color: var(--app-color-text-muted, #625d5a);
    text-align: right;
}

@media (max-width: 359px) {
    .assessment-module-group .assessment-module-card
        .modules-hub-steps-impact-current-value.has-potential {
        width: 94px;
        min-width: 94px;
    }
}

.assessment-module-group:not([data-group="pending"]) .assessment-module-card
    .modules-hub-steps-impact-item[data-current-band="false"]
    > :is(
        .modules-hub-steps-impact-label,
        .modules-hub-steps-impact-value
    ) {
    opacity: 1;
}

.assessment-module-group .assessment-module-card
    .modules-hub-steps-impact-item:not(:first-child):not(:last-child)
    .modules-hub-steps-impact-label {
    visibility: hidden;
}

.assessment-module-group .assessment-module-card
    .modules-hub-steps-impact-item[data-current-band="true"]:not(:first-child):not(:last-child)
    .modules-hub-steps-impact-label {
    position: absolute;
    z-index: 2;
    grid-row: auto;
    top: -20px;
    left: 50%;
    margin: 0;
    color: var(--app-color-text, #000);
    text-align: center;
    transform: translateX(-50%);
    visibility: visible;
}

.assessment-module-group .assessment-module-card
    .modules-hub-steps-impact-item[data-current-band="true"][data-has-recalculation="true"]:not(:first-child):not(:last-child)
    .modules-hub-steps-impact-label {
    visibility: hidden;
}

.assessment-module-group .assessment-module-card
    .modules-hub-steps-impact-pill {
    grid-row: 2;
}

.assessment-module-group .assessment-module-card
    .modules-hub-steps-impact-label {
    grid-row: 3;
    align-self: start;
}

.assessment-module-group .assessment-module-card
    .modules-hub-steps-impact-item:first-child
    .modules-hub-steps-impact-label {
    justify-self: start;
    justify-content: flex-start;
    text-align: left;
}

.assessment-module-group .assessment-module-card
    .modules-hub-steps-impact-item:last-child
    .modules-hub-steps-impact-label {
    justify-self: end;
    justify-content: flex-end;
    text-align: right;
}

.assessment-module-card :is(.modules-hub-steps-impact-item, .modules-hub-steps-impact-current-value, .assessment-impact-gradient__marker)[data-impact-color-step="0"] {
    --impact-display-color: var(--impact-scale-0);
}
.assessment-module-card :is(.modules-hub-steps-impact-item, .modules-hub-steps-impact-current-value, .assessment-impact-gradient__marker)[data-impact-color-step="1"] {
    --impact-display-color: var(--impact-scale-1);
}
.assessment-module-card :is(.modules-hub-steps-impact-item, .modules-hub-steps-impact-current-value, .assessment-impact-gradient__marker)[data-impact-color-step="2"] {
    --impact-display-color: var(--impact-scale-2);
}
.assessment-module-card :is(.modules-hub-steps-impact-item, .modules-hub-steps-impact-current-value, .assessment-impact-gradient__marker)[data-impact-color-step="3"] {
    --impact-display-color: var(--impact-scale-3);
}
.assessment-module-card :is(.modules-hub-steps-impact-item, .modules-hub-steps-impact-current-value, .assessment-impact-gradient__marker)[data-impact-color-step="4"] {
    --impact-display-color: var(--impact-scale-4);
}
.assessment-module-card :is(.modules-hub-steps-impact-item, .modules-hub-steps-impact-current-value, .assessment-impact-gradient__marker)[data-impact-color-step="5"] {
    --impact-display-color: var(--impact-scale-5);
}
.assessment-module-card :is(.modules-hub-steps-impact-item, .modules-hub-steps-impact-current-value, .assessment-impact-gradient__marker)[data-impact-color-step="6"] {
    --impact-display-color: var(--impact-scale-6);
}
.assessment-module-card :is(.modules-hub-steps-impact-item, .modules-hub-steps-impact-current-value, .assessment-impact-gradient__marker)[data-impact-color-step="7"] {
    --impact-display-color: var(--impact-scale-7);
}

.assessment-module-group .assessment-module-card
    .modules-hub-steps-impact-label {
    color: var(--impact-display-color);
}

@media (max-width: 359px) {
    .assessment-module-card {
        padding-inline: 10px;
    }

    .assessment-module-card__heading {
        gap: 6px;
    }
}

.assessment-module-group .assessment-module-card[data-indicator-presentation="continuous"]
    .assessment-module-card__content.has-impact-value {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    row-gap: 12px;
}

.assessment-module-group .assessment-module-card[data-indicator-presentation="continuous"]
    .assessment-module-card__content.has-impact-value > .modules-hub-steps-impact {
    grid-column: 1;
    grid-row: 2;
    width: 100%;
}

.assessment-module-group .assessment-module-card[data-indicator-presentation="continuous"]
    .assessment-module-card__content.has-impact-comparison
    > .modules-hub-steps-impact-current-value.has-potential {
    grid-column: 1;
    grid-row: 3;
    grid-template-columns: max-content minmax(64px, 1fr) max-content;
    gap: 12px;
    align-items: start;
    width: 100%;
    min-width: 0;
    padding-top: 0;
}

.assessment-module-group .assessment-module-card[data-indicator-presentation="continuous"]
    .modules-hub-steps-impact-state {
    display: grid;
    grid-template-columns: max-content max-content;
    column-gap: 4px;
    align-items: baseline;
}

.assessment-module-group .assessment-module-card[data-indicator-presentation="continuous"]
    .modules-hub-steps-impact-state-label {
    grid-column: 1 / -1;
}

.assessment-module-group .assessment-module-card[data-indicator-presentation="continuous"]
    :is(.modules-hub-steps-impact-current-metric, .modules-hub-steps-impact-future-metric) {
    grid-column: 1;
    grid-row: 2;
}

.assessment-module-group .assessment-module-card[data-indicator-presentation="continuous"]
    :is(.modules-hub-steps-impact-current-caption, .modules-hub-steps-impact-future-caption) {
    grid-column: 2;
    grid-row: 2;
    width: auto;
}

.assessment-module-group .assessment-module-card[data-indicator-presentation="continuous"]
    .modules-hub-steps-impact-state.is-current {
    grid-column: 1;
    grid-row: 1;
    text-align: left;
}

.assessment-module-group .assessment-module-card[data-indicator-presentation="continuous"]
    .modules-hub-steps-impact-state.is-future {
    grid-column: 3;
    grid-row: 1;
}

.assessment-module-group .assessment-module-card[data-indicator-presentation="continuous"]
    .modules-hub-steps-impact-state.is-current
    :is(.modules-hub-steps-impact-state-label, .modules-hub-steps-impact-current-caption) {
    text-align: left;
}

.assessment-module-group .assessment-module-card[data-indicator-presentation="continuous"]
    .modules-hub-steps-impact-state.is-current .modules-hub-steps-impact-current-metric {
    justify-content: flex-start;
    flex-wrap: wrap;
}

.assessment-module-group .assessment-module-card[data-indicator-presentation="continuous"]
    .modules-hub-steps-impact-current-metric.is-range > span {
    white-space: nowrap;
}

.assessment-module-group .assessment-module-card[data-indicator-presentation="continuous"]
    .modules-hub-steps-impact-current-metric.is-range > [data-impact-sign="negative"] {
    color: var(--impact-scale-0);
}

.assessment-module-group .assessment-module-card[data-indicator-presentation="continuous"]
    .modules-hub-steps-impact-current-metric.is-range > [data-impact-sign="nonnegative"] {
    color: var(--impact-scale-7);
}

.assessment-module-group .assessment-module-card
    :is(.modules-hub-steps-impact-current-metric, .modules-hub-steps-impact-future-metric) {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    width: 100%;
    color: var(--impact-scale-7);
    font-size: var(--app-type-metric-size);
    font-weight: var(--app-font-weight-bold);
    line-height: var(--app-type-metric-line);
}

.assessment-module-group .assessment-module-card
    .modules-hub-steps-impact-current-value.has-potential
    .modules-hub-steps-impact-current-metric {
    justify-content: flex-end;
    width: 100%;
}

.assessment-module-group .assessment-module-card
    .modules-hub-steps-impact-current-value[data-future-impact-sign="negative"]
    .modules-hub-steps-impact-future-metric {
    color: var(--impact-scale-0);
}

.assessment-module-group .assessment-module-card
    .modules-hub-steps-impact-current-value[data-impact-sign="negative"]
    .modules-hub-steps-impact-current-metric {
    color: var(--impact-scale-0);
}

.assessment-module-group .assessment-module-card
    .modules-hub-steps-impact-current-sign {
    font-size: var(--app-type-caption-size);
    line-height: 1;
}


.assessment-module-group .assessment-module-card
    .modules-hub-steps-impact-current-value[data-impact-sign="unknown"]
    .modules-hub-steps-impact-current-metric,
.assessment-module-group .assessment-module-card
    .modules-hub-steps-impact-current-value[data-impact-sign="zero"]
    .modules-hub-steps-impact-current-metric,
.assessment-module-group .assessment-module-card
    .modules-hub-steps-impact-current-value[data-future-impact-sign="zero"]
    .modules-hub-steps-impact-future-metric,
.assessment-module-group .assessment-module-card
    .modules-hub-steps-impact-current-metric.is-range > [data-impact-sign="zero"] {
    color: var(--app-color-text-muted, #625d5a);
}

.assessment-module-group .assessment-module-card[data-indicator-presentation="continuous"]
    .modules-hub-steps-impact-range-separator {
    color: var(--app-color-text-muted, #625d5a);
}

.assessment-module-group .assessment-module-card[data-indicator-presentation="continuous"]
    .modules-hub-steps-impact-transfer {
    position: relative;
    grid-column: 2;
    grid-row: 1;
    align-self: end;
    margin-bottom: calc(var(--app-type-metric-line) / 2);
    inset: auto;
    width: 100%;
    height: 0;
    border-block-start: 1px solid #2563eb;
    border-block-end: 0;
    border-inline: 0;
    border-radius: 0;
}

.assessment-module-group .assessment-module-card[data-indicator-presentation="continuous"]
    .modules-hub-steps-impact-transfer::after {
    top: 0;
    right: -1px;
    bottom: auto;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 5px solid #2563eb;
    border-right: 0;
    transform: translateY(-50%);
}

.assessment-module-group .assessment-module-card[data-indicator-presentation="continuous"]
    .modules-hub-steps-impact-transfer > .assessment-module-card__potential {
    position: absolute;
    top: 0;
    left: 50%;
    white-space: nowrap;
    transform: translate(-50%, -50%);
}


.cabinet-body [data-modules-hub][data-module-display-mode="compact"]
    .is-module-summary[data-indicator-compact-transfer="true"] .modules-hub-steps-impact-transfer {
    margin-bottom: 0;
}

.cabinet-body [data-modules-hub][data-module-display-mode="compact"]
    .is-module-summary[data-indicator-compact-transfer="true"] .modules-hub-steps-impact-transfer
    > .assessment-module-card__potential.is-complete {
    position: static;
    transform: none;
}


:is([data-module-detail], [data-modules-hub], .interactive-kamalama-result) .stress-card-comparison
    .modules-hub-steps-impact-current-value {
    flex-direction: row;
    align-items: baseline;
    gap: 4px;
    padding-bottom: var(--app-type-caption-line);
}

:is([data-module-detail], [data-modules-hub], .interactive-kamalama-result) .stress-card-comparison
    .modules-hub-steps-impact-current-caption {
    width: auto;
}

[data-indicator-chart-owner="continuous"] .metric-chart-legend {
    top: calc(var(--metric-chart-plot-top) / 2);
    left: 50%;
    right: auto;
    transform: translate(-50%, -50%);
    justify-content: center;
    width: max-content;
    max-width: calc(100% - 12px);
    margin: 0;
    padding: 0;
    background: transparent;
    text-align: center;
}

[data-indicator-chart-owner="continuous"] .metric-chart-axis-label.is-left {
    left: auto;
    right: calc(100% - var(--metric-chart-plot-left) + 5px);
    text-align: right;
}

[data-indicator-chart-owner="continuous"] .metric-chart-axis-label.is-right {
    right: auto;
    left: calc(100% - var(--metric-chart-plot-right) + 5px);
    text-align: left;
}

[data-indicator-chart-owner="continuous"] .metric-chart-band-label {
    font-variant-numeric: tabular-nums;
    color: var(--app-color-text-muted, #625d5a);
}

[data-indicator-chart-owner="continuous"] .metric-chart-band-label[data-tone="target"] {
    color: var(--impact-scale-7, #0f766e);
}

[data-indicator-chart-owner="continuous"] .metric-chart-band-label:is([data-tone="low"], [data-tone="warning"], [data-tone="caution"]) {
    color: var(--impact-scale-0, #eb7b49);
}



.assessment-module-card [data-stress-gradient="true"] {
    position: relative;
    isolation: isolate;
    column-gap: 0;
}

.assessment-module-card [data-segmented="true"] {
    position: relative;
    isolation: isolate;
}

.assessment-module-card [data-segmented="true"] > .modules-hub-steps-impact-item,
.assessment-module-card [data-stress-gradient="true"] > .modules-hub-steps-impact-item {
    row-gap: inherit;
}

.assessment-module-card [data-stress-gradient="true"]::before {
    grid-column: 1 / -1;
    grid-row: 2;
    align-self: center;
    z-index: 0;
    height: 6px;
    border-radius: var(--app-radius-data);
    background: var(--indicator-card-gradient);
    content: "";
}

.assessment-module-card [data-stress-gradient="true"] > .modules-hub-steps-impact-item {
    z-index: 1;
}

.assessment-module-card [data-stress-gradient="true"] .modules-hub-steps-impact-pill {
    background: transparent;
}

.assessment-module-group .assessment-module-card [data-stress-gradient="true"]
    .modules-hub-steps-impact-pill[data-current="true"]::after {
    left: var(--stress-current-position, 50%);
}

.assessment-module-group .assessment-module-card [data-stress-gradient="true"]
    .modules-hub-steps-impact-item[data-current-band="true"]:not(:first-child):not(:last-child)
    .modules-hub-steps-impact-label,
.assessment-module-card [data-stress-gradient="true"] .modules-hub-steps-impact-recalculation,
.assessment-module-card [data-stress-gradient="true"] .indicator-card-point-marker {
    left: var(--stress-current-position, 50%);
}

.assessment-module-group[data-group="pending"] .assessment-module-card [data-stress-gradient="true"]::before,
.assessment-module-card .modules-hub-steps-impact[data-unknown="true"] [data-stress-gradient="true"]::before {
    opacity: 0.2;
}


.assessment-module-card .modules-hub-steps-impact-items[data-stress-range="true"]::after {
    grid-column: 1 / -1;
    grid-row: 2;
    align-self: center;
    justify-self: start;
    z-index: 2;
    box-sizing: border-box;
    margin-left: var(--stress-range-start);
    width: var(--stress-range-width);
    height: 12px;
    border-block: 0;
    border-inline: 1px solid #111;
    background: rgb(17 17 17 / 19%);
    pointer-events: none;
    content: "";
}

.assessment-module-group .assessment-module-card [data-stress-gradient="true"][data-stress-range="true"]
    .modules-hub-steps-impact-pill[data-current="true"]::after,
.assessment-module-group .assessment-module-card.stress-card-comparison
    .modules-hub-steps-impact-pill[data-current="true"]::after {
    display: none;
}



:is([data-module-detail], [data-modules-hub], .interactive-kamalama-result) .assessment-module-group
    .assessment-module-card.stress-card-comparison[data-stress-range-label="true"]
    .modules-hub-steps-impact {
    position: relative;
    grid-template-columns: minmax(0, 1fr);
    column-gap: 0;
    row-gap: 0;
    margin-top: 0;
}

:is([data-module-detail], [data-modules-hub], .interactive-kamalama-result) .stress-card-comparison[data-stress-range-label="true"]
    .modules-hub-steps-impact-items {
    padding-block-start: 0;
}

:is([data-module-detail], [data-modules-hub], .interactive-kamalama-result) .stress-card-comparison[data-stress-range-label="true"]
    .modules-hub-steps-impact-current-value {
    position: static;
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    max-width: 100%;
    padding-bottom: 0;
}

:is([data-module-detail], [data-modules-hub], .interactive-kamalama-result) .stress-card-comparison[data-stress-range-label="true"]
    .modules-hub-steps-impact-item[data-current-band="true"]:not(:first-child):not(:last-child)
    .modules-hub-steps-impact-label {
    visibility: hidden;
}



.cabinet-body :is(.is-module-summary, .module-detail-impact-card) .assessment-module-card__heading {
    column-gap: 6px;
}

.cabinet-body :is(.is-module-summary, .module-detail-impact-card) .assessment-module-card__meta {
    gap: 4px;
}


.cabinet-body :is([data-modules-hub], [data-module-detail])
    .assessment-module-card.stress-card-comparison:is(.is-module-summary, .module-detail-impact-card) .assessment-module-card__heading,
.interactive-kamalama-result .assessment-module-card.stress-card-comparison .assessment-module-card__heading {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 5px;
}

.cabinet-body :is([data-modules-hub], [data-module-detail])
    .assessment-module-card.stress-card-comparison:is(.is-module-summary, .module-detail-impact-card) .assessment-module-card__title,
.interactive-kamalama-result .assessment-module-card.stress-card-comparison .assessment-module-card__title {
    grid-column: 1;
    grid-row: 1;
}

.cabinet-body :is([data-modules-hub], [data-module-detail])
    .assessment-module-card.stress-card-comparison:is(.is-module-summary, .module-detail-impact-card) .assessment-module-card__meta,
.interactive-kamalama-result .assessment-module-card.stress-card-comparison .assessment-module-card__meta {
    grid-column: 1;
    grid-row: 2;
}


.assessment-module-card .indicator-card-point-marker[data-recalculation-state]:not([data-recalculation-state="fresh"]):not([data-recalculation-state="baseline"]) {
    height: 14px;
    background-size: 12px 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='14' viewBox='0 0 12 14'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.6 4.6a2.4 2.4 0 0 1 4.8 0c0 1.8-2.4 1.8-2.4 4M6 12h0' stroke='%23fff' stroke-width='4'/%3E%3Cpath d='M3.6 4.6a2.4 2.4 0 0 1 4.8 0c0 1.8-2.4 1.8-2.4 4M6 12h0' stroke='%23625d5a' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
}



:is([data-module-detail], [data-modules-hub], .interactive-kamalama-result) .assessment-module-group
    .assessment-module-card.stress-card-comparison[data-stress-range-label="true"]
    .modules-hub-steps-impact[data-has-source-value="true"] {
    grid-template-columns: minmax(0, 1fr) max-content;
    column-gap: 13px;
    align-items: end;
}


:is([data-module-detail], [data-modules-hub], .interactive-kamalama-result) .assessment-module-group
    .assessment-module-card.stress-card-comparison[data-stress-range-label="true"]
    .modules-hub-steps-impact[data-has-source-value="true"] > .modules-hub-steps-impact-current-value {
    width: 100%;
    min-width: 0;
}

.assessment-module-card .indicator-card-source {
    --indicator-rail-gap: 4px;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-column: 1;
    grid-row: 1;
    row-gap: 8px;
    min-width: 0;
    position: relative;
}

:is([data-module-detail], [data-modules-hub], .interactive-kamalama-result) .stress-card-comparison[data-stress-range-label="true"]
    .indicator-card-source-value {
    position: relative;
    grid-column: 1;
    grid-row: 1;
    width: max-content;
    max-width: 100%;
    left: clamp(var(--stress-range-label-half-width, 64px), calc(var(--stress-range-start) + var(--stress-range-width) / 2), calc(100% - var(--stress-range-label-half-width, 64px)));
    transform: translateX(-50%);
}

.assessment-module-card.stress-card-comparison .indicator-card-source .modules-hub-steps-impact-items {grid-row: 2;}

.assessment-module-card .indicator-card-source-value {
    color: #111;
    font-size: var(--app-type-caption-size);
    font-weight: 500;
    line-height: var(--app-type-data-line);
    min-width: 0;
    max-width: 100%;
    white-space: normal;
    text-align: center;
    overflow-wrap: anywhere;
}

.assessment-module-card .indicator-card-contribution-value {
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0;
    white-space: nowrap;
}

:is([data-module-detail], [data-modules-hub], .interactive-kamalama-result) .stress-card-comparison[data-stress-range-label="true"]
    .indicator-card-contribution-value .modules-hub-steps-impact-current-metric {
    display: grid;
    grid-template-columns: 0 max-content;
    justify-content: flex-end;
    width: max-content;
}

.assessment-module-card .indicator-card-contribution-value .modules-hub-steps-impact-current-metric::before {
    content: "0,00";
    visibility: hidden;
    grid-column: 2;
    grid-row: 1;
}

.assessment-module-card .indicator-card-contribution-value .modules-hub-steps-impact-current-sign {
    grid-column: 1;
    grid-row: 1;
    width: max-content;
    justify-self: end;
    text-align: right;
}

.assessment-module-card .indicator-card-contribution-value .modules-hub-steps-impact-current-number {
    grid-column: 2;
    grid-row: 1;
    text-align: right;
}


.assessment-module-card.stress-card-comparison .indicator-card-empty-state {
    padding-block-start: calc(var(--indicator-source-label-height, var(--app-type-data-line)) + var(--app-type-caption-line) + 10px);
}

.assessment-module-card.stress-card-comparison .indicator-card-empty-rail {
    height: 6px;
    border-radius: var(--app-radius-data);
    background: #d8d2cf;
    opacity: 0.2;
}


.assessment-module-card [data-clipped-range]::after {
    min-width: 2px;
}
.assessment-module-card [data-clipped-range="end"]::after {
    transform: translateX(-100%);
}


.assessment-module-card.stress-card-comparison
    .indicator-card-source :is(.assessment-impact-gradient__track, .modules-hub-steps-impact-items) {
    margin: 0;
}

.assessment-module-card.stress-card-comparison .indicator-card-source .assessment-impact-gradient__track {
    margin-bottom: calc(var(--indicator-rail-gap) + var(--app-type-caption-line));
}

.assessment-module-card.stress-card-comparison .indicator-card-source .modules-hub-steps-impact-label {
    margin-top: var(--indicator-rail-gap);
}

.assessment-module-card.stress-card-comparison .indicator-card-source .assessment-impact-gradient__boundary-value {
    top: calc(100% + var(--indicator-rail-gap));
    line-height: var(--app-type-caption-line);
}

.assessment-module-card .indicator-card-contribution-value :is(.modules-hub-steps-impact-current-sign, .modules-hub-steps-impact-current-number) {
    flex-shrink: 0;
}


.assessment-impact-gradient__track > .indicator-card-point-marker {
    z-index: 2;
}


.assessment-impact-gradient__track[data-stress-range="true"]::after {
    position: absolute;
    top: -3px;
    left: var(--stress-range-start);
    width: var(--stress-range-width);
    min-width: 2px;
    height: 12px;
    box-sizing: border-box;
    border-inline: 1px solid #111;
    background: rgb(17 17 17 / 19%);
    z-index: 2;
    pointer-events: none;
    content: "";
}


.assessment-module-card .assessment-impact-gradient__segment-pill[data-zero-point="true"] {
    position: relative;
}
.assessment-module-card .assessment-impact-gradient__segment-pill[data-zero-point="true"]::before {
    content: "";
    position: absolute;
    inset-block: 0;
    left: var(--impact-zero-offset);
    width: 2px;
    transform: translateX(-50%);
    background: var(--impact-scale-3);
    pointer-events: none;
}



.assessment-module-card .assessment-impact-gradient__segment:has(> [data-impact-color-step="3"])
    .assessment-impact-gradient__boundary-value,
.assessment-module-group .assessment-module-card
    .modules-hub-steps-impact-item[data-impact-color-step="3"] .modules-hub-steps-impact-label {
    color: var(--app-color-text-muted, #625d5a);
}
.cabinet-body .modules-health-assessment .life-resource {
    order: 2;
    display: grid;
    gap: 4px;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    padding: 8px 12px;
    border: 1px solid var(--app-line-subtle);
    border-radius: var(--app-radius-control);
    background: #fff;
    corner-shape: var(--app-corner-shape);
    box-shadow: var(--app-card-shadow);
}

.cabinet-body .life-resource__heading {
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
}

.cabinet-body .life-resource__heading > .life-resource__info {
    flex: 0 1 auto;
    min-width: 0;
    margin-inline-end: 30px;
}

.cabinet-body .health-assessment-journey__icon,
.cabinet-body .life-resource__icon {
    display: inline-grid;
    place-items: center;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    border-radius: var(--app-radius-circle);
    color: #fff;
}

.cabinet-body .life-resource__icon {
    background: #e0ab00;
}

.cabinet-body .health-assessment-journey__icon svg,
.cabinet-body .life-resource__icon svg {
    display: block;
    width: 11px;
    height: 11px;
}

.cabinet-body .life-resource__progress {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
}

.cabinet-body .life-resource__title,
.cabinet-body .life-resource__value {
    min-width: 0;
    margin: 0;
}

.cabinet-body .life-resource__value {
    color: #e0ab00;
    white-space: nowrap;
}

.cabinet-body .life-resource__track {
    overflow: hidden;
    background: #d8d2cf;
}

.cabinet-body .life-resource__fill {
    display: block;
    box-sizing: border-box;
    height: 100%;
    background: #e0ab00;
}


.cabinet-body .modules-hub-life-resource.is-gain,
.cabinet-body .life-resource__remaining {
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

.cabinet-body .modules-hub-life-resource.is-gain::before,
.cabinet-body .life-resource__remaining::before,
.cabinet-body .modules-hub-life-resource.is-complete::before,
.cabinet-body .modules-hub-life-resource-pro::before {
    content: "";
    flex: 0 0 11px;
    width: 11px;
    height: 11px;
    background: currentColor;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13.5 2 4 13h7l-1 9L20 10h-7l.5-8Z'/%3E%3C/svg%3E") center / contain no-repeat;
}


.cabinet-body .modules-health-assessment .life-resource--history {
    container-type: inline-size;
    grid-template-rows: auto auto auto;
    gap: 0;
    padding: 0;
    overflow: hidden;
}

.cabinet-body .modules-health-assessment .life-resource--history:has(.life-resource__info-toggle[aria-expanded="true"]) {
    overflow: visible;
}

.cabinet-body .life-resource--history .life-resource__metric:not(:last-child) .life-resource__value {
    color: #000;
}

.cabinet-body .modules-health-assessment .life-resource--history
    .health-assessment-journey__progress-value.life-resource__remaining {
    background: #e0ab00;
}

.cabinet-body .modules-health-assessment .life-resource__history .opzh-range-history-potential-point {
    fill: #e0ab00;
}

.cabinet-body .modules-health-assessment .life-resource__history .opzh-range-history-potential-link {
    stroke: #e0ab00;
}


body.cabinet-body:not([data-life-resource-beta="enabled"]) :is(
    [data-life-resource-widget], [data-home-widget-row="life-resource"],
    [data-life-resource-sort-option], .life-resource, .modules-hub-life-resource,
    .modules-hub-life-resource-slot
) {
    display: none;
}


.cabinet-body .life-resource-promotion-frame {
    display: grid;
    position: relative;
    isolation: isolate;
    min-width: 0;
    padding: 8px;
    border-radius: var(--app-radius-surface);
    background:
        radial-gradient(ellipse at 100% 0%, #f8e6b5 10%, transparent 77%),
        radial-gradient(ellipse at 0% 100%, #f1bfd4, transparent 65%),
        linear-gradient(150deg, #f8e6b5, #efe4f2);
    corner-shape: var(--app-corner-shape);
    box-shadow: var(--app-card-shadow);
}

.cabinet-body .life-resource-promotion-frame::before {
    content: "";
    position: absolute;
    inset: 8px;
    z-index: -1;
    border: 1px solid rgb(255 255 255 / 0.92);
    border-radius: var(--app-radius-control);
    background: linear-gradient(145deg, rgb(255 255 255 / 0.74), rgb(255 255 255 / 0.22));
    -webkit-backdrop-filter: blur(20px) saturate(115%);
    backdrop-filter: blur(20px) saturate(115%);
    corner-shape: var(--app-corner-shape);
    pointer-events: none;
}

body.cabinet-body:not([data-life-resource-access="enabled"]) :is(
    [data-life-resource-grid], .life-resource, .modules-hub-life-resource
) {
    display: none;
}

.cabinet-body .life-resource--ranged .longevity-view-switch__row {
    gap: 4px;
}
.cabinet-body .modules-health-assessment .life-resource--ranged .opzh-range-baseline-label--potential {
    color: #e0ab00;
}
.cabinet-body .modules-health-assessment .life-resource--ranged .opzh-range-baseline-potential-point {
    fill: #e0ab00;
}
.cabinet-body .modules-health-assessment .life-resource--ranged .health-assessment-journey__progress-value.interactive-kamalama-result__metric-gain:not(.longevity-accuracy) {
    background: #e0ab00;
}

.cabinet-body .modules-health-assessment .life-resource--ranged .health-assessment-journey__value--potential {
    color: #e0ab00;
}


.cabinet-body .life-resource-promotion-preview {
    display: grid;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    place-items: center;
    box-sizing: border-box;
    min-width: 0;
    border-radius: var(--app-radius-control);
    background: #fff;
    color: #000;
    text-decoration: none;
    corner-shape: var(--app-corner-shape);
    box-shadow: var(--app-card-shadow);
}

.cabinet-body .life-resource-promotion-preview::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(120deg, rgb(255 255 255 / 0.24), rgb(255 255 255 / 0.04) 32%, transparent 45%, rgb(255 255 255 / 0.18) 58%, transparent 80%),
        linear-gradient(145deg, rgb(248 230 181 / 0.08), rgb(241 191 212 / 0.12)),
        linear-gradient(to bottom, transparent 18%, rgb(255 255 255 / 0.2) 65%);
    border-top: 1px solid rgb(255 255 255 / 0.9);
    border-bottom: 1px solid rgb(255 255 255 / 0.5);
    border-radius: var(--app-radius-control);
    corner-shape: var(--app-corner-shape);
    -webkit-backdrop-filter: saturate(115%);
    backdrop-filter: saturate(115%);
    pointer-events: none;
}

.cabinet-body .life-resource-promotion-preview__image {
    grid-area: 1 / 1;
    z-index: -2;
    display: block;
    width: 100%;
    height: auto;
    pointer-events: none;
    user-select: none;
}

.cabinet-body .life-resource-promotion-preview__image--blurred {
    filter: blur(3px);
    -webkit-mask-image: linear-gradient(to bottom, transparent 18%, #000 65%);
    mask-image: linear-gradient(to bottom, transparent 18%, #000 65%);
}

.cabinet-body .life-resource-promotion-preview__label {
    grid-area: 1 / 1;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    max-width: calc(100% - 32px);
    box-sizing: border-box;
    padding: 12px 20px;
    border-radius: var(--app-radius-surface);
    background: #000;
    color: #fff;
    text-align: center;
    corner-shape: round;
}

.cabinet-body[data-life-resource-access="enabled"] .life-resource-promotion-frame,
.cabinet-body[data-life-resource-access="enabled"] .life-resource-promotion-preview {
    display: none;
}
.cabinet-body .modules-hub {
    width: 100%;
    max-width: 760px;
    margin-inline: auto;
}

.cabinet-body .modules-health-assessment {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.cabinet-body .modules-health-assessment[hidden] {
    display: none;
}

.cabinet-body .modules-health-assessment .health-assessment-grid {
    display: contents;
}

.cabinet-body .modules-health-assessment .health-assessment-loading-shell {
    order: 1;
    display: grid;
    grid-template-rows: 80px 54px auto;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--app-line-subtle);
    border-radius: var(--app-radius-control);
    background: var(--app-color-background);
    corner-shape: var(--app-corner-shape);
    box-shadow: var(--app-card-shadow);
}

.cabinet-body .modules-health-assessment .health-assessment-loading-shell__top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
    align-items: center;
    gap: 4px 16px;
    padding: 8px clamp(12px, 3vw, 24px) 7px;
}

.cabinet-body .modules-health-assessment .health-assessment-loading-shell__title {
    grid-column: 1 / -1;
    margin: 0;
    color: #000;
}

.cabinet-body .modules-health-assessment .health-assessment-loading-shell__progress {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-content: center;
    gap: 16px;
    padding: 2px clamp(12px, 3vw, 24px);
}

.cabinet-body .modules-health-assessment .health-assessment-loading-shell__history {
    display: grid;
    align-content: end;
    gap: 8px;
    min-width: 0;
    padding: 8px clamp(12px, 3vw, 24px) 7px;
}

.cabinet-body .modules-health-assessment .health-assessment-loading-shell__bar {
    display: block;
    width: min(100%, 132px);
    height: 12px;
    border-radius: var(--app-radius-pill);
    background: #e8e8e8;
}

.cabinet-body .modules-health-assessment .health-assessment-loading-shell__bar--value {
    height: 22px;
}

.cabinet-body .modules-health-assessment .health-assessment-loading-shell__bar--dates {
    width: 42%;
    height: 10px;
}

.cabinet-body .modules-health-assessment .health-assessment-loading-shell__chart {
    display: block;
    width: 100%;
    aspect-ratio: 20 / 3;
    border-bottom: 2px solid #e8e8e8;
}

.cabinet-body .modules-health-assessment .health-assessment {
    order: 1;
}

.cabinet-body .modules-health-assessment .health-assessment--ready {
    display: contents;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .health-assessment-journey {
    container-type: inline-size;
    order: 1;
    display: grid;
    grid-template-rows: auto auto auto;
    width: 100%;
    height: auto;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--app-line-subtle);
    border-radius: var(--app-radius-control);
    background: var(--app-color-background);
    corner-shape: var(--app-corner-shape);
    box-shadow: var(--app-card-shadow);
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .health-assessment-journey--without-history {
    grid-template-rows: 80px 54px;
    height: 136px;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .health-assessment-journey--baseline-layout {
    grid-template-rows: auto auto;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result)
    .health-assessment-journey--baseline-layout .health-assessment-journey__top {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
    padding-bottom: 0;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .health-assessment-journey__top {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto minmax(0, 1fr);
    align-items: center;
    gap: 4px 0;
    min-width: 0;
    padding: 8px clamp(12px, 3cqi, 24px) 7px;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .health-assessment-journey__title {
    min-width: 0;
    margin: 0;
    color: #000;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .health-assessment-journey__heading {
    min-height: 20px;
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
}

.cabinet-body .home-health-dashboard-title {
    display: flex;
    align-items: flex-start;
    gap: 4px;
}

.cabinet-body .health-assessment-journey__icon {
    background: #2563eb;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .health-assessment-journey__metric {
    min-width: 0;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .health-assessment-journey__label,
.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .health-assessment-journey__value,
.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .health-assessment-journey__progress-label,
.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .health-assessment-journey__progress-value {
    margin: 0;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .health-assessment-journey__label {
    color: #5f5f5f;
    white-space: nowrap;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .health-assessment-journey__value {
    display: flex;
    align-items: baseline;
    gap: clamp(4px, 1.4cqi, 8px);
    min-width: 0;
    white-space: nowrap;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .health-assessment-journey__progress {
    display: grid;
    align-content: center;
    gap: 4px;
    min-width: 0;
    padding: 7px clamp(12px, 3cqi, 24px);
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .health-assessment-journey__progress-copy {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 0;
    min-width: 0;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .health-assessment-journey__progress-metric {
    display: grid;
    justify-items: start;
    gap: 2px;
    min-width: 0;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .health-assessment-journey__progress-metric--remaining {
    justify-items: start;
    text-align: left;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .health-assessment-journey__progress-metric--remaining:only-child {
    grid-column: 2;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .health-assessment-journey__progress-label {
    color: #5f5f5f;
    white-space: nowrap;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .health-assessment-journey__progress-value {
    white-space: nowrap;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .health-assessment-journey__progress-value.interactive-kamalama-result__metric-gain {
    background: #2563eb; padding-block: 1px;
    color: #fff;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .health-assessment-journey__progress-value--realized {
    color: var(--app-color-accent);
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .health-assessment-journey__history {
    display: grid;
    align-content: end;
    min-width: 0;
    padding: 8px clamp(12px, 3cqi, 24px) 7px;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .health-assessment-journey__baseline {
    display: grid;
    align-content: end;
    min-width: 0;
    overflow: hidden;
    padding: 4px clamp(12px, 3cqi, 24px) 7px;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .health-assessment-journey__chart-frame {
    position: relative;
    min-width: 0;
    aspect-ratio: 20 / 3;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result)
    .health-assessment-journey__baseline .health-assessment-journey__chart-frame {
    overflow: hidden;
    height: 112px;
    aspect-ratio: auto;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .health-assessment-journey__chart {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    min-width: 0;
    overflow: visible;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .health-assessment-journey__guide {
    stroke: rgba(0, 0, 0, 0.1);
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .health-assessment-journey__axis-label {
    position: absolute;
    left: 0;
    width: 4.15%;
    color: #5f5f5f;
    text-align: right;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .health-assessment-journey__axis-label--maximum {
    top: 0;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .health-assessment-journey__axis-label--minimum {
    bottom: 0;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .health-assessment-journey__line {
    fill: none;
    stroke: #000;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .health-assessment-journey__point {
    fill: #000;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .opzh-range-history-area {
    fill: #73777d;
    fill-opacity: 0.12;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .opzh-range-history-marker,
.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .opzh-range-history-whisker-cap {
    stroke: #73777d;
    stroke-width: 1;
    stroke-linecap: round;
    opacity: 0.45;
    vector-effect: non-scaling-stroke;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .opzh-range-history-marker--potential,
.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .opzh-range-history-whisker-cap--potential {
    stroke: #2563eb;
    opacity: 0.65;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .opzh-range-history-potential-link {
    fill: none;
    stroke: #2563eb;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-dasharray: 5 5;
    vector-effect: non-scaling-stroke;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .opzh-range-history-potential-point {
    fill: #2563eb;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .opzh-range-baseline-axis {
    stroke: #e0e0e0;
    stroke-width: 1;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .opzh-range-baseline-scale-dots {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .opzh-range-baseline-scale-dot {
    position: absolute;
    top: 31.03%;
    width: 3px;
    height: 3px;
    transform: translate(-50%, -50%);
    border-radius: var(--app-radius-circle);
    background: #b8b8b8;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .opzh-range-baseline-marker--estimate {
    fill: rgb(17 17 17 / 19%);
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .opzh-range-baseline-boundary--estimate {
    stroke: #111;
    vector-effect: non-scaling-stroke;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) :is(
    .opzh-range-baseline-marker--potential,
    .opzh-range-baseline-boundary--potential
) {
    stroke: #2563eb;
    stroke-width: 4;
    stroke-linecap: round;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .opzh-range-baseline-potential-point {
    fill: #2563eb;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .opzh-range-baseline-estimate-point {
    fill: #000;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .opzh-range-baseline-age-point {
    fill: #6f6f6f;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .opzh-range-baseline-overlays {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .opzh-range-baseline-overlay {
    position: absolute;
    transform: translateX(-50%);
    white-space: nowrap;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .opzh-range-baseline-caption {
    top: 7px;
    color: #5f5f5f;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .opzh-range-baseline-label {
    top: 40px;
    color: #000;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .opzh-range-baseline-gain {
    top: 68px;
    display: grid;
    justify-items: center;
    gap: 2px;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .opzh-range-baseline-label--potential {
    color: #2563eb;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .opzh-range-baseline-label--age {
    color: #6f6f6f;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .health-assessment-journey__dates {
    position: relative;
    min-height: 1em;
    color: #5f5f5f;
}

.cabinet-body :is(.modules-health-assessment, .interactive-kamalama-result) .health-assessment-journey__date {
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    white-space: nowrap;
}

.cabinet-body .modules-health-assessment .health-assessment-heading {
    order: 2;
    padding-top: 0;
}

.cabinet-body .modules-health-assessment .health-assessment-heading:has(.health-assessment-intro[hidden]) {
    position: absolute;
}

.cabinet-body .modules-health-assessment .health-assessment-intro {
    margin-top: 0 !important;
}

.cabinet-body .modules-hub-group {
    gap: 12px;
}

.cabinet-body .modules-hub-group .assessment-module-group__title {
    display: flex;
    align-items: flex-start;
    gap: 4px;
}

.cabinet-body .modules-hub-group-icon {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    margin-top: 1px;
    fill: none;
    stroke: #707070;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.cabinet-body .modules-hub-group .assessment-module-group__title > span {
    min-width: 0;
}

.cabinet-body .modules-hub-group + .modules-hub-group {
    margin-block-start: calc(36px - var(--app-content-gap));
}

.cabinet-body .modules-hub-group h2,
.cabinet-body .modules-hub-card :where(h3, p),
.cabinet-body .modules-home-card :where(h3, p),
.cabinet-body .modules-hub-status {
    margin: 0;
}

.cabinet-body :where(.modules-hub-group, .modules-home)[hidden] {
    display: none;
}

.cabinet-body :where(.modules-hub-list, .modules-home-list) {
    display: grid;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cabinet-body .modules-home-list {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
}

.cabinet-body .modules-home-list-item {
    min-width: 0;
}

.cabinet-body .modules-hub-card:not(.assessment-module-card),
.cabinet-body .modules-home-card {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    border: 1px solid #000;
    padding: var(--app-today-card-padding);
    background: #fff;
    box-shadow: var(--app-card-shadow);
}

.cabinet-body .modules-hub-card:not(.assessment-module-card) {
    gap: 8px;
    min-width: 0;
    border: 1px solid var(--app-line-card);
    border-radius: var(--app-radius-surface);
    background: var(--app-color-card);
    corner-shape: var(--app-corner-shape);
}

.cabinet-body .modules-home-card {
    gap: 10px;
    box-sizing: border-box;
    min-width: 0;
    height: 100%;
    border-color: var(--app-line-subtle);
    border-radius: var(--app-radius-surface);
    corner-shape: var(--app-corner-shape);
    box-shadow: none;
}

.cabinet-body .modules-home-streak-card,
.cabinet-body .modules-home-average-card {
    gap: 10px;
    padding-block: 8px;
}

.cabinet-body .modules-hub-card-copy {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.cabinet-body .modules-hub-potential-complete-icon {
    line-height: 1;
}

.cabinet-body .modules-hub-steps-impact {
    min-width: 0;
    margin-top: 4px;
}

.cabinet-body .modules-hub-steps-impact-items {
    padding-block-end: 0;
}

.cabinet-body .modules-hub-steps-impact-items[data-band-count="2"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cabinet-body .modules-hub-steps-impact-items[data-band-count="4"] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.cabinet-body .modules-hub-steps-impact-items[data-band-count="3"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cabinet-body :where(
    .modules-hub-steps-impact-label,
    .modules-hub-steps-impact-value
) {
    min-width: 0;
    overflow-wrap: anywhere;
    font-variant-numeric: tabular-nums;
}

.cabinet-body .modules-hub-steps-impact[data-impact-mode="penalty"]
    :where(.modules-hub-steps-impact-label, .modules-hub-steps-impact-value) {
    font-size: clamp(10px, 3vw, var(--app-type-caption-size));
    line-height: clamp(12px, 3.56vw, var(--app-type-caption-line));
    letter-spacing: -0.02em;
}

.cabinet-body .modules-hub-steps-impact[data-impact-mode="penalty"]
    .modules-hub-steps-impact-label {
    display: flex;
    min-height: 18px;
    align-items: end;
    justify-content: center;
    white-space: normal;
}

.cabinet-body .modules-hub-steps-impact[data-impact-mode="penalty"]
    .modules-hub-steps-impact-value {
    white-space: nowrap;
}

.cabinet-body .modules-hub-steps-impact-pill {
    width: 100%;
}

.cabinet-body .modules-hub-steps-impact-pill[data-current="true"]::after {
    content: none;
}

.cabinet-body .modules-hub-upcoming-card.has-details
    .assessment-module-card__heading,
.cabinet-body .modules-hub-card.has-details
    .assessment-module-card__heading {
    padding-inline-end: 40px;
}

.cabinet-body .modules-hub-card:not(.assessment-module-card).has-details
    .modules-hub-card-copy {
    padding-inline-end: 40px;
}

.cabinet-body .modules-hub-power-icon {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 30px;
    height: 18px;
    border: 1.5px solid currentColor;
    border-radius: var(--app-radius-pill);
    background: transparent;
}

.cabinet-body .modules-hub-power-icon::after {
    position: absolute;
    top: 1.5px;
    left: 1.5px;
    width: 12px;
    height: 12px;
    border-radius: var(--app-radius-circle);
    background: currentColor;
    content: "";
}

.cabinet-body .modules-hub-unavailable.app-card-disclosure-companion { color: var(--app-line-control); cursor: default; }

.cabinet-body .modules-hub-unavailable .modules-hub-power-icon { border-style: dashed; }

.cabinet-body .modules-hub-unavailable .modules-hub-power-icon::after {
    box-sizing: border-box; border: 1px solid currentColor; background: transparent;
}

.cabinet-body button.modules-hub-power.is-enabled
    .modules-hub-power-icon {
    border-color: #000;
    background: #000;
    color: #fff;
}

.cabinet-body button.modules-hub-power.is-enabled
    .modules-hub-power-icon::after {
    transform: translateX(12px);
}

.cabinet-body .modules-hub-recommendation-why {
    grid-column: 1 / -1;
    min-width: 0;
}

.cabinet-body .modules-hub-recommendation-why:not([open]) {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.cabinet-body .modules-hub-recommendation-why:not([open]) summary {
    right: calc(-1 * var(--app-today-card-padding));
    pointer-events: auto;
}

.cabinet-body .modules-hub-recommendation-why summary {
    list-style: none;
}

.cabinet-body .modules-hub-recommendation-why summary::-webkit-details-marker {
    display: none;
}

.cabinet-body .modules-hub-recommendation-why[open] {
    border-top: 1px solid var(--app-line-subtle);
    padding-top: 8px;
}

.cabinet-body .modules-hub-recommendation-why-body {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.cabinet-body .modules-hub-recommendation-why-body p {
    margin: 0;
    overflow-wrap: anywhere;
}

.cabinet-body .modules-hub-recommendation-section {
    display: grid;
    gap: 7px;
}

.cabinet-body .modules-hub-recommendation-section + .modules-hub-recommendation-section {
    border-top: 1px solid var(--app-line-subtle);
    padding-top: 8px;
}

.cabinet-body .modules-hub-recommendation-section-title {
    margin: 0;
    font-weight: 700;
}

.cabinet-body .modules-home-streak-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-width: 0;
}

.cabinet-body .modules-home-streak-column {
    display: grid;
    grid-template-rows: 26px 32px 22px;
    justify-items: center;
    align-items: center;
    gap: 1px;
    box-sizing: border-box;
    min-width: 0;
    min-height: 86px;
    margin: 0;
    padding: 2px 1px;
    border: 0;
    border-radius: var(--app-radius-control);
    appearance: none;
    background: transparent;
    color: #000;
    cursor: pointer;
    text-align: center;
    text-transform: none;
    touch-action: manipulation;
}

.cabinet-body .modules-home-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    pointer-events: none;
}

.cabinet-body .modules-home-streak-icon,
.cabinet-body .modules-home-average-icon {
    width: 24px;
    height: 24px;
    align-self: center;
    fill: none;
    color: #707070;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.cabinet-body .modules-home-streak-caption {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 32px;
}

.cabinet-body .modules-home-streak-value {
    display: block;
    min-width: 0;
    margin: 0;
}

.cabinet-body .modules-home-average-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    row-gap: 5px;
    min-width: 0;
}

.cabinet-body .modules-home-average-metric {
    display: grid;
    grid-template-rows: 26px 32px 22px;
    justify-items: center;
    align-items: center;
    gap: 1px;
    box-sizing: border-box;
    min-width: 0;
    min-height: 86px;
    margin: 0;
    padding: 2px 1px;
    border: 0;
    border-radius: var(--app-radius-control);
    appearance: none;
    background: transparent;
    color: #000;
    cursor: pointer;
    text-align: center;
    text-transform: none;
    touch-action: manipulation;
}

.cabinet-body .modules-home-average-label {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 32px;
    font-size: clamp(10px, 3vw, var(--app-type-caption-size));
    line-height: var(--app-type-caption-line);
}

.cabinet-body :where(
    .modules-home-average-label-name,
    .modules-home-average-label-unit
) {
    display: block;
    max-width: 100%;
    white-space: nowrap;
}

.cabinet-body .modules-home-average-value {
    display: block;
    min-width: 0;
    margin: 0;
    font-size: clamp(12px, 3.6vw, 16px);
    line-height: 1.2;
    white-space: nowrap;
}

.cabinet-body :where(.modules-hub-card-description, .modules-home-card p) {
    color: #333;
}

.cabinet-body .modules-hub-card-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
}

.cabinet-body .modules-hub-card-status {
    justify-self: start;
    border: 1px solid #8a5a00;
    border-radius: var(--app-radius-pill);
    padding: 4px 8px;
    background: #fff4cc;
    color: #684300;
}

.cabinet-body .modules-hub-settings {
    display: grid;
    gap: 14px;
    min-width: 0;
    padding-top: 16px;
}

.cabinet-body .modules-hub-settings-label {
    display: grid;
    gap: 8px;
    color: #111;
}

.cabinet-body .modules-hub-settings-label :is(input[type="time"], input[data-time-input-24h]) {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 48px;
    border: 1px solid #000;
    padding: 10px 12px;
    background: #fff;
    color: #111;
    font: 400 16px/1.2 system-ui, sans-serif;
    appearance: none;
    -webkit-appearance: none;
}

.cabinet-body .modules-hub-settings-label :is(input[type="time"], input[data-time-input-24h])::-webkit-date-and-time-value {
    width: 100%;
    min-width: 0;
    text-align: center;
}

.cabinet-body .modules-hub-settings-help {
    color: #555;
}

.cabinet-body .modules-hub-settings-toggle {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-height: 44px;
}

.cabinet-body .modules-hub-settings-toggle input {
    width: 22px;
    height: 22px;
    margin: 0;
    accent-color: #000;
}

.cabinet-body .modules-hub-card-actions > :only-child {
    grid-column: 1 / -1;
}

.cabinet-body .modules-hub-action,
.cabinet-body .modules-hub-retry {
    min-width: 0;
    min-height: 44px;
    border: 1px solid #000;
    padding: 10px 14px;
    appearance: none;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    touch-action: manipulation;
}

.cabinet-body .modules-hub-action.is-secondary {
    background: #fff;
    color: #000;
}

.cabinet-body :where(
    .modules-hub-action,
    .modules-hub-retry,
    .modules-hub-power
):disabled {
    cursor: wait;
    opacity: 0.5;
}


.cabinet-body .modules-hub-feedback {
    display: grid;
    gap: 8px;
}

.cabinet-body .modules-hub-status {
    color: #555;
}

.cabinet-body .modules-hub-status[hidden] {
    display: none;
}

.cabinet-body .modules-hub-status[data-type="error"] {
    color: #8f1717;
}

.cabinet-body .modules-hub-card-feedback {
    grid-column: 1 / -1;
    border-top: 1px solid var(--app-line-subtle);
    padding-top: 8px;
    overflow-wrap: anywhere;
}

.cabinet-body .modules-hub-retry {
    justify-self: start;
}

.cabinet-body .modules-home {
    display: grid;
    gap: 10px;
}

.cabinet-body .modules-hub-list-item > .is-module-summary {
    --app-navigation-border-width: 1px;
    min-height: 95px;
    align-content: center;
}
.cabinet-body .modules-hub-list-item > .is-module-summary .assessment-module-card__heading {
    padding-inline-end: 40px;
}
.cabinet-body .modules-hub-card .modules-hub-module-open-icon {
    z-index: 4;
    pointer-events: none;
}
.cabinet-body .modules-hub-card .modules-hub-module-open {
    position: absolute; z-index: 3; inset: -1px;
    display: block; width: auto; min-width: 0; height: auto; min-height: 0;
    padding: 0; border: 0;
    border-radius: var(--app-radius-surface); background: transparent; color: #000;
    cursor: pointer; text-transform: none; touch-action: manipulation;
}
.cabinet-body .modules-hub-heading {
    min-width: 0;
}

.cabinet-body .modules-hub-heading h1 {
    margin: 0;
}


.cabinet-body .interactive-kamalama-result__metric-gain.longevity-accuracy::before {
    content: none;
}
.cabinet-body .health-assessment-journey__accuracy {margin: 0; color: #5f5f5f; white-space: nowrap;}
.cabinet-body .interactive-kamalama-result__metric-gain.longevity-accuracy {
    background: #000; color: #fff;
}
.cabinet-body .longevity-accuracy .modules-hub-steps-impact-recalculation-icon {color: inherit; order: -1;}
.cabinet-body .assessment-module-card__accuracy, .cabinet-body .health-assessment-journey .interactive-kamalama-result__metric-gain {
    display: inline-flex; align-items: center; flex: 0 0 auto; height: 16px;
    gap: 2px; padding: 0 4px; white-space: nowrap;
}
.cabinet-body [data-modules-hub][data-module-display-mode="expanded"]
    .is-module-summary[data-module-id] .assessment-module-card__content
    > .assessment-module-card__heading,
.cabinet-body .interactive-kamalama-result__modules[data-module-display-mode="expanded"]
    .is-module-summary[data-module-id] .assessment-module-card__content
    > .assessment-module-card__heading {
    padding-inline-end: 0;
}

.cabinet-body .interactive-kamalama-result__modules {
    display: grid;
    gap: var(--app-content-gap);
    min-width: 0;
    margin-block-start: 40px;
}

.cabinet-body [data-modules-hub][data-module-display-mode="expanded"]
    [data-reference-hub-card] {
    align-content: start;
}

.cabinet-body [data-modules-hub][data-module-display-mode="expanded"]
    [data-reference-hub-card] .assessment-module-card__heading {
    min-height: calc(38px - 2 * var(--app-today-card-padding) - 2 * var(--app-navigation-border-width, 1px));
}

.cabinet-body [data-modules-hub][data-module-display-mode="compact"]
    .is-module-summary .modules-hub-steps-impact {
    display: none;
}

.cabinet-body [data-modules-hub][data-module-display-mode="compact"]
    .is-module-summary
    .assessment-module-card__content
    > .modules-hub-steps-impact-current-value:not(.has-potential) {
    display: none;
}

.cabinet-body [data-modules-hub][data-module-display-mode="compact"]
    .is-module-summary .assessment-module-card__content.has-impact-comparison {
    grid-template-columns: max-content minmax(0, 1fr);
    grid-template-rows: auto;
    align-items: center;
    column-gap: 6px;
}

.cabinet-body[data-life-resource-access="enabled"] [data-modules-hub][data-module-display-mode="compact"]
    .is-module-summary .assessment-module-card__content.has-impact-comparison:has(> .has-life-resource) {
    column-gap: 4px;
}

.cabinet-body [data-modules-hub][data-module-display-mode="compact"]
    .is-module-summary
    .assessment-module-card__content.has-impact-comparison
    > .assessment-module-card__heading {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
}

.cabinet-body [data-modules-hub][data-module-display-mode="compact"]
    .is-module-summary
    .assessment-module-card__content
    > .modules-hub-steps-impact-current-value.has-potential {
    position: static;
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    display: block;
    width: auto;
    min-width: 0;
    padding: 0;
}

.cabinet-body [data-modules-hub][data-module-display-mode="compact"]
    .is-module-summary
    .modules-hub-steps-impact-current-value.has-potential
    .modules-hub-steps-impact-state {
    display: none;
}

.cabinet-body [data-modules-hub][data-module-display-mode="compact"]
    .is-module-summary .modules-hub-steps-impact-transfer {
    position: static;
    display: flex;
    align-items: center;
    height: auto;
    border: 0;
}

.cabinet-body [data-modules-hub][data-module-display-mode="compact"]
    .is-module-summary .modules-hub-steps-impact-transfer::after {
    content: none;
}

.cabinet-body [data-modules-hub][data-module-display-mode="compact"]
    .is-module-summary
    .modules-hub-steps-impact-transfer
    .assessment-module-card__potential.is-gain {
    position: static;
    transform: none;
}

.cabinet-body [data-modules-hub][data-module-display-mode="compact"]
    .is-module-summary .assessment-module-card__content,
.cabinet-body [data-additional-indicator] .is-module-summary:not(.reference-preview) .assessment-module-card__content {
    gap: 0;
}

.cabinet-body [data-modules-hub][data-module-display-mode="compact"]
    .is-module-summary,
.cabinet-body [data-additional-indicator] .is-module-summary:not(.reference-preview) {
    box-sizing: border-box;
    height: 38px;
    min-height: 38px;
    overflow: hidden;
}

.cabinet-body [data-modules-hub][data-module-display-mode="compact"]
    .is-module-summary .assessment-module-card__title,
.cabinet-body [data-additional-indicator] .assessment-module-card__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cabinet-body [data-modules-hub][data-module-display-mode]
    .modules-hub-card .modules-hub-module-open {
    inset: -1px -1px auto;
    box-sizing: border-box;
    height: 38px;
    min-height: 38px;
}


.cabinet-body [data-modules-hub][data-module-display-mode="compact"]
    .is-module-summary[data-indicator-presentation="continuous"] {
    height: auto;
}

.cabinet-body [data-modules-hub][data-module-display-mode="compact"]
    .is-module-summary[data-indicator-presentation="continuous"] .modules-hub-module-open {
    inset: -1px;
    height: auto;
    min-height: 0;
}

.cabinet-body [data-modules-hub][data-module-display-mode="expanded"]
    .modules-hub-card .modules-hub-module-open {
    inset: -1px;
    height: auto;
    min-height: 0;
}

.cabinet-body .modules-hub-heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 8px 12px;
}

.cabinet-body .modules-hub-display-toggle {
    position: relative;
    display: flex;
    align-items: center;
    align-self: start;
}

.cabinet-body .modules-hub-display-toggle[hidden] {display: none;}
.cabinet-body .modules-hub-display-toggle.is-coachmarked {z-index: 20;}

.cabinet-body .modules-hub-display-toggle > button {
    position: relative;
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 22px;
    min-height: 0;
    margin: 0;
    padding: 0 4px;
    border: 0;
    border-radius: var(--app-radius-control);
    background: transparent;
    color: inherit;
    white-space: nowrap;
    cursor: pointer;
    touch-action: manipulation;
}

.cabinet-body .modules-hub-display-toggle > button::before {
    position: absolute;
    inset: -11px 0;
    min-height: 44px;
    content: "";
}

.cabinet-body .modules-hub-display-toggle > button:hover {
    background: var(--app-color-card);
}

.cabinet-body .modules-hub-display-toggle > button:disabled {cursor: default; opacity: 0.5;}

.cabinet-body .modules-hub-display-toggle svg {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.7;
    color: #707070;
}

.cabinet-body .module-hub-display-dialog .dialog-form {
    display: grid;
    gap: 16px;
}

.cabinet-body .module-hub-display-dialog fieldset {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.cabinet-body .module-hub-display-dialog legend {margin-bottom: 8px;}

.cabinet-body .module-hub-preference-option {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 44px;
    cursor: pointer;
}


.cabinet-body [data-life-resource-sort-option]:has(input:disabled) {
    color: #707070;
    cursor: not-allowed;
}

.cabinet-body .module-hub-preference-option > :is(.assessment-module-card__potential, .modules-hub-life-resource) {
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    border-radius: var(--app-radius-circle);
    padding: 0;
    justify-content: center;
}

.cabinet-body .module-hub-preference-option input {
    -webkit-appearance: auto;
    appearance: auto;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    accent-color: #000;
}

.cabinet-body .module-hub-display-dialog fieldset:disabled .module-hub-preference-option {opacity: 0.5;}
.cabinet-body .module-hub-display-dialog [role="status"] {color: #b91c1c;}

.cabinet-body .modules-hub-display-toggle.is-coachmarked > button {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
}

.cabinet-body .module-hub-display-coachmark {
    position: absolute;
    z-index: 21;
    top: calc(100% + 8px);
    right: 0;
    box-sizing: border-box;
    width: min(260px, calc(100vw - 32px));
    padding: 14px 56px 14px 16px;
    border-radius: var(--app-radius-surface);
    background: #2563eb;
    box-shadow: var(--app-card-shadow);
    color: #fff;
}

.cabinet-body :is(.modules-hub-display-toggle, .journal-customization-anchor) > .module-hub-display-coachmark {
    top: calc(100% + 12px);
}

.cabinet-body .module-hub-display-coachmark[hidden] {
    display: none;
}

.cabinet-body .module-hub-display-coachmark::before {
    position: absolute;
    top: -8px;
    right: 17px;
    width: 0;
    height: 0;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #2563eb;
    border-left: 8px solid transparent;
    content: "";
}

.cabinet-body .module-hub-display-coachmark p {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
}

.cabinet-body .module-hub-display-coachmark button {
    position: absolute;
    top: 2px;
    right: 2px;
    appearance: none;
    display: grid;
    place-items: center;
    box-sizing: border-box;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: var(--app-radius-circle);
    background: transparent;
    color: #fff;
    cursor: pointer;
    touch-action: manipulation;
}

.cabinet-body .module-hub-display-coachmark button:hover {
    background: rgba(255, 255, 255, 0.12);
}

.cabinet-body .module-hub-display-coachmark button span {
    font-size: 26px;
    font-weight: 300;
    line-height: 1;
    transform: translateY(-1px);
}

.cabinet-body .modules-hub-display-status {
    grid-column: 1;
    min-width: 0;
    margin: 0;
    color: var(--app-color-text-muted);
}

.cabinet-body .modules-hub-display-status[data-type="error"] {
    color: var(--app-line-danger);
}

.cabinet-body .modules-hub-display-retry {
    grid-column: 2;
    justify-self: end;
    min-height: 38px;
    padding-inline: 12px;
}

.cabinet-body[data-life-resource-access="enabled"] :is(.is-module-summary, .module-detail-impact-card) .assessment-module-card__heading.has-life-resource {
    grid-template-columns: max-content minmax(0, 1fr);
}

.cabinet-body:not([data-life-resource-access="enabled"])
    :is(.is-module-summary, .module-detail-impact-card)
    .assessment-module-card__meta:has(> .modules-hub-life-resource:only-child),
.cabinet-body:not([data-life-resource-beta="enabled"])
    :is(.is-module-summary, .module-detail-impact-card)
    .assessment-module-card__meta:has(> .modules-hub-life-resource-slot:only-child) {
    display: none;
}

.cabinet-body .modules-hub-life-resource,
.cabinet-body .modules-hub-life-resource-pro {
    display: inline-block;
    flex: 0 0 auto;
    border: 0;
    border-radius: var(--app-radius-pill);
    padding: 1px 4px;
    background: #e0ab00;
    color: #fff;
    white-space: nowrap;
}

.cabinet-body .assessment-module-card__potential.is-complete,
.cabinet-body .modules-hub-life-resource.is-complete {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    width: auto;
    height: 16px;
    border-radius: var(--app-radius-pill);
    padding: 0 4px;
}

.cabinet-body [data-modules-hub][data-module-display-mode="compact"]
    [data-reference-hub-card] [data-reference-context] {
    display: none;
}


.cabinet-body [data-reference-preview] .module-detail-impact-card.reference-preview,
.cabinet-body [data-modules-hub] :is(
    [data-module-display-mode="compact"] [data-reference-hub-card],
    [data-reference-hub-summary],
    [data-module-display-mode="expanded"] [data-reference-hub-card]:has([data-reference-pending]:not([hidden]))
) {
    height: auto;
    min-height: 0;
    align-content: start;
}

.cabinet-body [data-reference-preview] .module-detail-impact-card.reference-preview .assessment-module-card__content,
.cabinet-body [data-modules-hub] :is(
    [data-module-display-mode="compact"] [data-reference-hub-card],
    [data-reference-hub-summary],
    [data-module-display-mode="expanded"] [data-reference-hub-card]:has([data-reference-pending]:not([hidden]))
) .assessment-module-card__content {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
}

.cabinet-body [data-reference-preview] .module-detail-impact-card.reference-preview .assessment-module-card__heading,
.cabinet-body [data-modules-hub] :is(
    [data-module-display-mode="compact"] [data-reference-hub-card],
    [data-reference-hub-summary],
    [data-module-display-mode="expanded"] [data-reference-hub-card]:has([data-reference-pending]:not([hidden]))
) .assessment-module-card__heading {
    grid-column: 1;
    grid-row: 1;
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
    row-gap: 8px;
}


.cabinet-body [data-reference-preview] .module-detail-impact-card.reference-preview:has([data-reference-pending]:not([hidden])) .assessment-module-card__heading,
.cabinet-body [data-modules-hub][data-module-display-mode]
    [data-reference-hub-card]:has([data-reference-pending]:not([hidden])) .assessment-module-card__heading {
    row-gap: 5px;
}

.cabinet-body [data-reference-preview] .module-detail-impact-card.reference-preview .assessment-module-card__title,
.cabinet-body [data-modules-hub] :is(
    [data-module-display-mode="compact"] [data-reference-hub-card],
    [data-reference-hub-summary],
    [data-module-display-mode="expanded"] [data-reference-hub-card]:has([data-reference-pending]:not([hidden]))
) .assessment-module-card__title {
    grid-column: 1;
    grid-row: 1;
}

.cabinet-body [data-reference-preview] .module-detail-impact-card.reference-preview .assessment-module-card__meta,
.cabinet-body [data-modules-hub] :is(
    [data-module-display-mode="compact"] [data-reference-hub-card],
    [data-reference-hub-summary],
    [data-module-display-mode="expanded"] [data-reference-hub-card]:has([data-reference-pending]:not([hidden]))
) .assessment-module-card__meta {
    grid-column: 1;
    grid-row: 2;
}

.cabinet-body [data-modules-hub] :is(
    [data-module-display-mode="compact"] [data-reference-hub-card],
    [data-reference-hub-summary],
    [data-module-display-mode="expanded"] [data-reference-hub-card]:has([data-reference-pending]:not([hidden]))
) [data-reference-hub-current]:not([hidden]) {
    display: block;
    grid-column: 1;
    grid-row: 2;
    min-height: 16px;
    white-space: nowrap;
}

.cabinet-body [data-modules-hub] :is(
    [data-module-display-mode="compact"] [data-reference-hub-card],
    [data-reference-hub-summary],
    [data-module-display-mode="expanded"] [data-reference-hub-card]:has([data-reference-pending]:not([hidden]))
) .modules-hub-module-open {
    inset: -1px;
    height: auto;
    min-height: 0;
}

.cabinet-body [data-modules-hub]:not([data-module-display-mode="compact"])
    [data-reference-compact-only] {
    display: none;
}



.assessment-module-card__potential.is-gain,
.interactive-kamalama-result__metric-gain:not(.life-resource__remaining) {
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

.assessment-module-card__potential.is-gain::before,
.interactive-kamalama-result__metric-gain:not(.life-resource__remaining)::before,
.cabinet-body .assessment-module-card__potential.is-complete::before {
    content: "";
    flex: 0 0 11px;
    width: 11px;
    height: 11px;
    background: currentColor;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http%3A//www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-9-5.7-9-12a5 5 0 0 1 9-3 5 5 0 0 1 9 3c0 6.3-9 12-9 12Z'/%3E%3C/svg%3E") center / contain no-repeat;
}


.cabinet-body[data-life-resource-beta="enabled"] :is(.is-module-summary, .module-detail-impact-card)
    .assessment-module-card__heading.has-life-resource:has(.modules-hub-life-resource-slot) {
    grid-template-columns: max-content minmax(0, 1fr);
}

.cabinet-body[data-life-resource-beta="enabled"] [data-modules-hub][data-module-display-mode="compact"]
    .is-module-summary .assessment-module-card__content.has-impact-comparison:has(.modules-hub-life-resource-slot) {
    column-gap: 4px;
}

.cabinet-body .modules-hub-life-resource-slot,
.cabinet-body .modules-hub-life-resource-pro {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 2px;
}

.cabinet-body .modules-hub-life-resource-pro {
    height: 16px;
    padding: 0 4px;
}

.cabinet-body[data-life-resource-access="enabled"] .modules-hub-life-resource-pro {
    display: none;
}

.cabinet-body .modules-hub-life-resource-lock {
    width: 11px;
    height: 11px;
    flex: 0 0 11px;
    background: currentColor;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M18 8h-1V6a5 5 0 0 0-10 0v2H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2ZM9 6a3 3 0 0 1 6 0v2H9V6Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
