.finish-banner {
    background: linear-gradient(135deg, #e8feed 0%, #c3fed2 100%);
    border: 1px solid #8afd93;
    border-radius: 14px;
    color: #0e855d;
    box-shadow: 0 4px 12px rgba(8, 234, 57, 0.06);

    display:flex;
    justify-content: space-between;
    align-items: center;

    padding: 1rem;

    @media(max-width:500px){
        flex-direction: column;
    }
}

.warning-banner{
    background: linear-gradient(135deg, #fef6e8 0%, #fee9c3 100%);
    border: 1px solid #fdc78a;
    border-radius: 14px;
    color: #855f0e;
    box-shadow: 0 4px 12px rgba(8, 234, 57, 0.06);

    display:flex;
    justify-content: space-between;
    align-items: center;

    padding: 1rem;
}

.conclude-body{
    padding: 1rem;
}

.conclude-info{
    color: var(--text-secondary);
    font-style: italic;
    text-decoration: underline;
    /* text-decoration-style: wavy; */
}

.conclude-task-row{
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.tasks-decision-title{
    margin: 0px;
}

.conclude-actions{
    margin:1rem 0rem 2rem 0rem;
    padding: 1rem 0.5rem;
    background-color: var(--bg-secondary);
    border-radius: 4px;
    border:1px solid var(--border);
}

.taskks-table{
    max-height: 30dvh;
    overflow: auto;
    padding: 5px;
}

.tasks-table-footer{
    color: var(--text-secondary);
}

.tasks-table-header{
    font-weight: bolder;
    padding-bottom: 2px;
}

.divider{
    width: 100%;
    height: 1px;
    background-color: var(--border);
    margin: 15px 0px;
}

.done-icon{
    color:#0e855d;
    animation: pulse 0.3s ease-in-out;
    animation-delay: 0.3s;
}

.done-text{
    color: #0e855d;
    font-weight: bold;
}

@keyframes pulse{
    0%{
        transform: scale(100%);
    }

    50%{
        transform: scale(170%);
    }

    100%{
        transform: scale(120%);
    }
}

.concluding-loading-spinner-circle {
    width: 1rem;
    height: 1rem;
    border: 3px solid rgba(51, 121, 234, 0);
    border-top: 3px solid white;
    border-right: 3px solid white;
    border-radius: 50%;
    animation: spin 0.6s linear infinite;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}