.detalle-valoracion {
    line-height: 1.1;
}

.detalle-rate-numero {
    font-size: 0.72rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
    color: #6c757d;
}

.detalle-estrellas {
    white-space: nowrap;
}

.detalle-estrellas i {
    margin-right: 0.08rem !important;
}

.detalle-cabecera-intento {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    line-height: 1;
}

.detalle-hora {
    display: inline-flex;
    align-items: center;
    line-height: 1;
}

.detalle-trofeo-header {
    font-size: 1rem;
    color: #d6a84f;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.intento-superado {
    background-color: #f3faf5;
    border-left: 4px solid #8ab89a;
}

#ulContenidoNotebookDay .intento-superado,
#ulContenidoNotebookExercise .intento-superado {
    background-color: transparent;
}

.confirmar-eliminar-intento {
    overflow: hidden;
}

.confirmar-eliminar-intento-inner {
    background: #f8f9fa;
}

.confirmar-eliminar-intento .btn {
    min-width: 48px;
}

.confirmar-eliminar-intento .confirmar-eliminar-intento-inner {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    padding: 0.5rem;
}

.btn-repetir-detalle {
    color: var(--borderGray);
    border: 1px solid var(--borderGray);
    background-color: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
}

.btn-repetir-detalle i {
    color: var(--borderGray);
}

.btn-repetir-detalle:hover,
.btn-repetir-detalle:focus,
.btn-repetir-detalle:active,
.btn-repetir-detalle.active,
.btn-repetir-detalle.show {
    color: var(--borderGray);
    border-color: var(--borderGray);
    background-color: transparent;
    box-shadow: none;
}

.btn-repetir-detalle i:hover,
.btn-repetir-detalle:hover i,
.btn-repetir-detalle:focus i,
.btn-repetir-detalle:active i {
    color: var(--borderGray);
}

.notebook-resumen {
    margin-top: 0.35rem;
}

.notebook-meta-intentos {
    margin-top: 0.15rem;
    font-size: 0.72rem;
    color: #9aa2a9;
    line-height: 1.2;
}

.notebook-fecha-resumen {
    margin-bottom: 0.15rem;
    line-height: 1.2;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.25rem;
}

.notebook-fecha-label {
    font-size: 0.82rem;
    color: #9aa2a9;
}

.notebook-fecha-valor {
    font-size: 0.95rem;
    font-weight: 600;
    color: inherit;
}

.notebook-fecha-meta {
    font-size: 0.78rem;
    color: #9aa2a9;
}

.notebook-titulo-ejercicio {
    margin-bottom: 0.2rem;
}

.notebook-contexto {
    margin-bottom: 0.35rem;
    font-size: 0.78rem;
    line-height: 1.2;
    color: #9aa2a9;
    display: block;
}

.notebook-contexto-linea1,
.notebook-contexto-linea2 {
    display: block;
    line-height: 1.15;
}

.notebook-contexto-linea2 {
    margin-top: 0.1rem;
}

.notebook-contexto-label {
    color: #9aa2a9;
}

.notebook-contexto-fecha {
    color: inherit;
    font-weight: 600;
}

.notebook-contexto-meta {
    color: #9aa2a9;
    display: inline-block;
}