@import "../../../assets/scss/variables";
.data-box {
    display: flex;
    gap: 1.5rem;
    padding: 1rem;
    border: 1px dotted #ccc;
    border-radius: 6px;
margin-bottom: 20px;
    &.two-items {
        justify-content: space-between;
    }

    &.one-item {
        justify-content: flex-start;
    }
}

.data-item {
    flex: 1;
    border-left: 1px dotted #ccc;
    padding-left: 1rem;
    box-sizing: border-box;

    &:first-child {
        border-left: none;
        padding-left: 0;
    }

    p {
        margin: 0;
    }

    b {
        display: block;          /* label on its own line */
        font-weight: 600;
        font-size: 0.75rem;
        color: $title-color;
        margin-bottom: 0.25rem;
        text-transform: uppercase;
    }

    span.value {
        font-size: 2rem;
        color: $title-color;
        display: block;
    }
}

.separator {
    border: none;
    border-top: 2px dotted #aaa;
    margin-bottom: 3rem;
}
.tropopoiiseis-template {
    display: flex;
    flex-direction: column;
    height: 1080px;

    .original-contract {
        padding-bottom: 1rem;
    }

    .modifications-scroll {
        flex-grow: 1;
        overflow-y: auto;
        border-top: 1px solid #ccc;
        padding-top: 1rem;
    }

    .tropopoiisi {
        margin-bottom: 1rem;

        .mod-header {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            margin-bottom: 0.5rem;
            padding: 0.5rem;
            background: #f0f0f0;
            border-radius: 4px;

            cursor: pointer;
            user-select: none;

            .mod-number {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 30px;
                height: 30px;
                font-size: 15px;
                padding: 5px;
                background: $main-color;
                color: $white;
                margin-right: 10px;
                border-radius: 4px;
            }

            .mod-date {
                font-size: 15px;
                color: #666;
            }

            .accordion-icon {
                margin-left: auto;
                font-size: 14px;
                color: #888;
            }
        }

        .accordion-content {
            padding-left: 40px;

            .data-box {
                margin-bottom: 0.5rem;
            }
        }
    }
}



.sxolia-template{
    .comments-container{
        display: flex;
        flex-direction: column;
        gap:2rem;
    }
}