.assessment-page{max-width:1150px;margin-inline:auto}.assessment-index-grid,.assessment-values{display:grid;gap:1rem}.assessment-index-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.assessment-card,.assessment-goal,.value-card,.assessment-final,.assessment-summary,.assessment-notice{padding:1.25rem;background:var(--sed-color-surface);border:1px solid var(--sed-color-border);border-radius:var(--sed-radius-lg);box-shadow:var(--sed-shadow-card)}.assessment-card dl,.assessment-indicator dl{display:grid;grid-template-columns:max-content 1fr;gap:.35rem .75rem}.assessment-card dd,.assessment-indicator dd{margin:0}.assessment-status{display:inline-flex;padding:.4rem .75rem;border-radius:999px;background:#e8f1f7;color:#123b55;font-weight:700}.assessment-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.assessment-summary span{padding:.75rem;background:var(--sed-color-surface-subtle);border-radius:var(--sed-radius-md)}.assessment-notice{margin-bottom:1rem;background:#eef8f1;border-color:#b8dec4}.assessment-goal{margin-bottom:1.25rem}.assessment-goal>header{display:flex;justify-content:space-between;gap:1rem}.calculated-result{display:grid;min-width:10rem;text-align:right}.calculated-result strong{font-size:1.5rem;color:var(--sed-color-primary)}.calculated-result small{color:var(--sed-color-text-secondary)}.assessment-indicator{padding:1rem 0;border-top:1px solid var(--sed-color-border)}.tracking-reference{padding:.75rem;margin:.75rem 0;background:var(--sed-color-surface-subtle);border-radius:var(--sed-radius-md)}.assessment-form{display:grid;gap:.75rem}.assessment-form label{display:grid;gap:.35rem;font-weight:600}.assessment-form select,.assessment-form textarea{width:100%}.assessment-form textarea{min-height:5.5rem}.assessment-form fieldset{display:grid;gap:.4rem;padding:.75rem;border:1px solid var(--sed-color-border);border-radius:var(--sed-radius-md)}.evidence-choice{display:flex!important;grid-template-columns:none!important;align-items:center;gap:.5rem;font-weight:400!important}.value-card ul{padding-left:1.25rem}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.comparison-column{padding:1rem;background:var(--sed-color-surface-subtle);border-radius:var(--sed-radius-md)}.comparison-column.official{border:2px solid #8bc9a0}.difference-label{display:inline-flex;margin-top:.75rem;padding:.25rem .6rem;border-radius:999px;background:#e8f1f7;font-weight:700}.assessment-final{margin-top:1.25rem}.read-only-response{padding:.75rem;background:var(--sed-color-surface-subtle);border-radius:var(--sed-radius-md)}
@media(max-width:64rem){.assessment-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:37.5rem){.assessment-index-grid,.assessment-summary,.comparison-grid{grid-template-columns:1fr}.assessment-goal>header{display:grid}.calculated-result{text-align:left}.assessment-form .btn,.assessment-final .btn,.assessment-card .btn{width:100%}}

/* 02K.5Q.1: las metas de Autoevaluación reutilizan el patrón colapsable compartido. */
.assessment-goal.goal-review-card {
    margin-bottom: 0;
    padding: 0;
}

.assessment-goal.goal-review-card > .goal-review-card-header {
    display: block;
}

.assessment-expanded-result {
    justify-self: end;
}

@media (max-width: 37.5rem) {
    .assessment-expanded-result {
        justify-self: start;
        text-align: left;
    }
}

/* 02K.5Q.2: Valores Metallum usan el mismo collapse independiente que las metas. */
.value-card.goal-review-card {
    padding: 0;
}

.value-card.goal-review-card > .goal-review-card-header {
    display: block;
}

.assessment-value-card-body > ul {
    margin: 1.25rem 0 0;
}

.value-category-summary {
    color: var(--sed-color-text-secondary);
    font-weight: 600;
}

/* 02K.5Q.5B: los tabs son la navegación principal de una sola tarjeta de captura. */
.assessment-capture-card {
    overflow: hidden;
    background: var(--sed-color-surface);
    border: 1px solid var(--sed-color-border);
    border-radius: var(--sed-radius-lg);
    box-shadow: var(--sed-shadow-card);
}

.assessment-primary-tabs {
    width: 100%;
    margin: 0;
}

.assessment-primary-tabs .nav-tabs {
    width: 100%;
    border-bottom: 1px solid var(--sed-color-primary);
}

.assessment-primary-tabs .nav-link {
    flex: 0 0 50%;
    max-width: 50%;
    margin: 0;
    padding: 1.15rem 1rem;
    border: 0;
    border-bottom: .25rem solid transparent;
    border-radius: 0;
    color: var(--sed-color-text-secondary);
    background: var(--sed-color-surface-subtle);
    font-size: clamp(1.3rem, 2.2vw, 1.65rem);
    font-weight: 700;
    line-height: 1.2;
}

.assessment-primary-tabs .nav-link:hover,
.assessment-primary-tabs .nav-link:focus-visible {
    color: var(--sed-color-primary);
    background: var(--sed-color-surface);
}

.assessment-primary-tabs .nav-link.active {
    color: #fff;
    background: var(--sed-color-primary);
    border-bottom-color: var(--sed-color-secondary);
}

.assessment-primary-tab-content {
    padding: 1.25rem;
    background: var(--sed-color-surface);
}

.assessment-primary-tab-content,
.assessment-primary-tab-content > .tab-pane {
    min-width: 0;
}

.assessment-tab-panel-heading {
    padding-bottom: .8rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--sed-color-border);
}

.assessment-tab-panel-heading h2 {
    margin: 0;
    color: var(--sed-color-primary);
    font-size: clamp(1.45rem, 2.5vw, 1.75rem);
    font-weight: 700;
}

.assessment-tab-panel-heading p {
    margin: .25rem 0 0;
    color: var(--sed-color-text-secondary);
}

.assessment-capture-card > .assessment-final {
    margin: 0 1.25rem 1.25rem;
    box-shadow: none;
}

@media (max-width: 37.5rem) {
    .assessment-primary-tabs .nav-link {
        padding: .9rem .5rem;
        font-size: 1.2rem;
    }

    .assessment-primary-tab-content {
        padding: .85rem;
    }

    .assessment-capture-card > .assessment-final {
        margin: 0 .85rem .85rem;
    }
}
/* 02K.5R.2: vista previa privada y reutilizable de evidencias Manager. */
.assessment-evidence-reference {
    padding: .75rem;
    margin-top: .75rem;
    border: 1px solid var(--sed-color-border);
    border-radius: var(--sed-radius-md);
    background: var(--sed-color-surface-subtle);
}

.assessment-evidence-reference h5 {
    margin: 0 0 .5rem;
}

.assessment-evidence-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    min-width: 0;
}

.assessment-evidence-row + .assessment-evidence-row {
    margin-top: .5rem;
}

.assessment-evidence-row > span,
.assessment-evidence-row > label {
    min-width: 0;
    overflow-wrap: anywhere;
}

.assessment-evidence-row .evidence-preview-trigger {
    flex: 0 0 auto;
}

.evidence-preview-dialog {
    width: min(90vw, 96rem);
    max-width: min(90vw, 96rem);
    height: 90vh;
    margin: 5vh auto;
}

.evidence-preview-dialog .modal-content {
    height: 100%;
}

.evidence-preview-body {
    min-height: 0;
    overflow: auto;
}

.evidence-preview-pdf {
    min-height: 60vh;
}

.evidence-preview-toolbar {
    align-items: center;
    background: #f5f7f8;
    border: 1px solid #d8dee2;
    border-radius: .35rem;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-bottom: .75rem;
    padding: .5rem;
}

.evidence-preview-page,
.evidence-preview-zoom {
    min-width: 5rem;
    text-align: center;
}

.evidence-preview-pdf-status {
    color: #495057;
    margin-bottom: .5rem;
}

.evidence-preview-canvas-wrap {
    background: #e9ecef;
    min-height: 55vh;
    overflow: auto;
    padding: .75rem;
    text-align: center;
}

.evidence-preview-canvas {
    background: #fff;
    box-shadow: 0 .15rem .45rem rgba(0, 0, 0, .18);
    display: inline-block;
    max-width: none;
}

.evidence-preview-image-wrap {
    display: grid;
    min-height: 100%;
    place-items: center;
}

.evidence-preview-image {
    display: block;
    max-width: 100%;
    max-height: 70vh;
    object-fit: contain;
}

@media (max-width: 37.5rem) {
    .assessment-evidence-row {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .evidence-preview-dialog {
        width: calc(100vw - 1rem);
        max-width: calc(100vw - 1rem);
        height: calc(100vh - 1rem);
        margin: .5rem auto;
    }

    .evidence-preview-toolbar {
        align-items: stretch;
    }

    .evidence-preview-page,
    .evidence-preview-zoom {
        align-self: center;
    }
}