/*
 * Akuratek Company Logo
 * A1.12G-E1-D
 */


.pa-logo-card {

    margin-bottom:20px;
}


.pa-logo-layout {

    display:grid;

    grid-template-columns:
        minmax(
            220px,
            340px
        )
        minmax(
            0,
            1fr
        );

    gap:22px;

    align-items:center;

    margin-top:16px;
}


.pa-logo-preview-box {

    display:flex;

    align-items:center;

    justify-content:center;

    min-height:190px;

    padding:18px;

    border:1px solid #dce5ea;

    border-radius:12px;

    background:#fff;
}


.pa-logo-preview {

    display:block;

    max-width:100%;

    max-height:170px;

    width:auto;

    height:auto;

    object-fit:contain;
}


.pa-logo-placeholder {

    color:#71818a;

    font-size:14px;

    text-align:center;
}


.pa-logo-info {

    color:#52636d;

    font-size:14px;

    line-height:1.55;
}


.pa-logo-info strong {

    display:block;

    margin-bottom:8px;

    color:#263941;
}


.pa-logo-info p {

    margin:
        0 0 7px;
}


.pa-logo-controls {

    margin-top:18px;

    padding-top:18px;

    border-top:1px solid #e4eaee;
}


.pa-logo-upload-row {

    display:flex;

    align-items:flex-end;

    justify-content:space-between;

    gap:16px;
}


.pa-logo-upload-row .pa-field {

    flex:1;

    max-width:520px;
}


.pa-logo-buttons {

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:8px;
}


.pa-logo-remove {

    border:1px solid #c94141;

    border-radius:8px;

    background:#fff;

    color:#a62f2f;

    padding:10px 14px;

    font:inherit;

    font-weight:700;

    cursor:pointer;
}


.pa-logo-remove:hover {

    background:#fff3f3;
}


.pa-logo-remove:disabled {

    opacity:.55;

    cursor:not-allowed;
}


.pa-logo-message {

    margin-top:14px;
}


.pa-logo-message.success {

    color:#17633e;
}


.pa-logo-message.error {

    color:#a12c2c;
}


@media (
    max-width:760px
) {

    .pa-logo-layout {

        grid-template-columns:
            1fr;
    }


    .pa-logo-preview-box {

        min-height:150px;
    }


    .pa-logo-upload-row {

        align-items:stretch;

        flex-direction:column;
    }


    .pa-logo-upload-row .pa-field {

        max-width:none;
    }


    .pa-logo-buttons {

        width:100%;
    }


    .pa-logo-buttons button {

        flex:
            1 1 auto;
    }
}