.gp-card-lista {
    display: flex;
    align-items: flex-start;
    gap: 14px;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    transition: .2s ease;
}

.gp-card-lista:hover {
    background: #fafcff;
    transform: translateY(-1px);
}

/*
|--------------------------------------------------------------------------
| DETALHE EXPANDÍVEL
|--------------------------------------------------------------------------
*/

.gp-detalhe,
.gp-detalhe *{
    box-sizing:border-box;
}

.gp-card-lista .gp-detalhe{
    width:100%;
    margin-top:4px;
    border-radius:8px;
    overflow:hidden;
}

.gp-card-lista .gp-detalhe button{
    appearance:none !important;
    -webkit-appearance:none !important;
}

.gp-card-lista .gp-detalhe .gp-detalhe-btn{

    appearance:none !important;
    -webkit-appearance:none !important;

    border:none !important;
    outline:none !important;
    box-shadow:none !important;

    border-radius:999px !important;

    padding:6px 12px !important;

    font-size:12px !important;
    font-weight:700 !important;

    cursor:pointer !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:8px !important;

    line-height:1 !important;

    text-decoration:none !important;

    transition:.2s ease !important;
}

.gp-card-lista .gp-detalhe .gp-detalhe-btn span{
    display:inline-flex;
    align-items:center;
    gap:6px;
}

.gp-card-lista .gp-detalhe .gp-detalhe-seta{
    transition:.2s ease;
}

.gp-card-lista .gp-detalhe .gp-detalhe-btn.open .gp-detalhe-seta{
    transform:rotate(180deg);
}

.gp-card-lista .gp-detalhe .gp-detalhe-body{

    margin-top:8px;

    border-radius:8px;

    padding:10px 12px;

    font-size:12px;
    line-height:1.45;

    white-space:pre-wrap;
    word-break:break-word;
}

/*
|--------------------------------------------------------------------------
| INFO
|--------------------------------------------------------------------------
*/

.gp-card-lista .gp-detalhe.gp-detalhe-info .gp-detalhe-btn{
    background:#dbeafe !important;
    color:#2563eb !important;
}

.gp-card-lista .gp-detalhe.gp-detalhe-info .gp-detalhe-body{
    background:#eff6ff !important;
    border:1px solid #bfdbfe !important;
    color:#1e40af !important;
}

/*
|--------------------------------------------------------------------------
| ERRO
|--------------------------------------------------------------------------
*/

.gp-card-lista .gp-detalhe.gp-detalhe-erro .gp-detalhe-btn{
    background:#fee2e2 !important;
    color:#dc2626 !important;
}

.gp-card-lista .gp-detalhe.gp-detalhe-erro .gp-detalhe-body{
    background:#fff5f5 !important;
    border:1px solid #fecaca !important;
    color:#991b1b !important;
}

/*
|--------------------------------------------------------------------------
| WARNING
|--------------------------------------------------------------------------
*/

.gp-card-lista .gp-detalhe.gp-detalhe-warning .gp-detalhe-btn{
    background:#ffedd5 !important;
    color:#ea580c !important;
}

.gp-card-lista .gp-detalhe.gp-detalhe-warning .gp-detalhe-body{
    background:#fff7ed !important;
    border:1px solid #fed7aa !important;
    color:#9a3412 !important;
}

/*
|--------------------------------------------------------------------------
| SUCCESS
|--------------------------------------------------------------------------
*/

.gp-card-lista .gp-detalhe.gp-detalhe-success .gp-detalhe-btn{
    background:#dcfce7 !important;
    color:#16a34a !important;
}

.gp-card-lista .gp-detalhe.gp-detalhe-success .gp-detalhe-body{
    background:#f0fdf4 !important;
    border:1px solid #bbf7d0 !important;
    color:#166534 !important;
}

/*
|--------------------------------------------------------------------------
| AÇÕES
|--------------------------------------------------------------------------
*/

.gp-card-acoes{
    width:46px;
    min-width:46px;

    display:flex;
    flex-direction:column;
    align-items:center;

    gap:10px;
}

.gp-btn-card{
    width:36px;
    height:36px;

    border-radius:50%;

    border:1px solid #d8e1ec;

    background:transparent;

    color:#7b8ca3;

    cursor:pointer;

    transition:.2s ease;
}

.gp-btn-card:hover{
    background:#f4f7fb;
    color:#34506d;
}

/*
|--------------------------------------------------------------------------
| BODY
|--------------------------------------------------------------------------
*/

.gp-card-body{
    flex:1;

    min-width:0;

    display:flex;
    align-items:center;

    gap:14px;
}

/*
|--------------------------------------------------------------------------
| AVATAR
|--------------------------------------------------------------------------
*/

.gp-card-foto-col{
    width:100px;
    min-width:100px;

    display:flex;
    justify-content:center;
}

.gp-card-avatar{
    width:100px;
    height:100px;

    min-width:100px;

    border-radius:50%;

    overflow:hidden;

    border:1px solid #dfe5ec;

    background-color:#f5f7fa;

    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}

/*
|--------------------------------------------------------------------------
| CONTEÚDO
|--------------------------------------------------------------------------
*/

.gp-card-conteudo{
    flex:1;
    min-width:0;
}

.gp-card-titulo{
    font-size:16px;
    font-weight:700;

    color:#34506d;

    margin-bottom:8px;

    line-height:1.35;
}

.gp-card-subtitulo{
    font-size:14px;
    font-weight:600;

    color:#60758d;

    margin-top:-4px;
    margin-bottom:10px;

    line-height:1.35;
}

/*
|--------------------------------------------------------------------------
| LINHAS
|--------------------------------------------------------------------------
*/

.gp-card-row{
    margin-bottom:4px;
}

.gp-card-col{
    margin-bottom:4px;

    font-size:14px;
    line-height:1.35;

    color:#526681;

    word-break:normal;
    overflow-wrap:break-word;
}

/*
|--------------------------------------------------------------------------
| LABEL
|--------------------------------------------------------------------------
*/

.gp-card-label{
    display:inline-flex;
    align-items:center;
    gap:5px;

    font-weight:700;

    margin-right:4px;
}

.gp-card-label,
.gp-card-label *{
    color:inherit !important;
}

.gp-card-label-icon-only{
    margin-right:0;
}

.gp-card-label-texto{
    display:inline;
}

/*
|--------------------------------------------------------------------------
| VALOR
|--------------------------------------------------------------------------
*/

.gp-card-valor{
    color:#526681;
    font-weight:500;
}

/*
|--------------------------------------------------------------------------
| BADGE
|--------------------------------------------------------------------------
*/

.gp-card-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    max-width:100%;

    padding:4px 10px;

    border-radius:999px;

    font-size:11px;
    font-weight:700;

    line-height:1;

    border:1px solid transparent;

    white-space:nowrap;

    vertical-align:middle;
}

/*
|--------------------------------------------------------------------------
| BADGE REDONDO
|--------------------------------------------------------------------------
*/

.gp-card-badge-redondo{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    font-size:12px;
    font-weight:700;

    border:1px solid transparent;

    text-align:center;

    line-height:1;
}

/*
|--------------------------------------------------------------------------
| LABEL ÍCONE
|--------------------------------------------------------------------------
*/

.gp-card-icon-label{
    display:flex;
    align-items:center;

    gap:6px;

    font-size:13px;
    font-weight:700;

    color:#64748b;

    margin-bottom:4px;
}

.gp-card-icon-label i{
    font-size:13px;
    color:#3b82f6;
}

/*
|--------------------------------------------------------------------------
| MOBILE
|--------------------------------------------------------------------------
*/

@media (max-width:768px){

    .gp-card-lista{
        gap:8px;
        padding:10px 4px;
    }

    .gp-card-acoes{
        width:34px;
        min-width:34px;
    }

    .gp-card-body{
        flex-direction:column;
        align-items:center;
    }

    .gp-card-foto-col{
        width:100%;
        min-width:100%;

        justify-content:center;

        margin-bottom:6px;
    }

    .gp-card-avatar{
        width:54px;
        height:54px;
        min-width:54px;
    }

    .gp-card-conteudo{
        width:100%;
        text-align:left;
    }

    .gp-card-titulo{
        font-size:14px;
        line-height:1.3;

        margin-bottom:10px;

        text-align:center;
    }

    .gp-card-row{
        display:block !important;
        margin-bottom:2px;
    }

    .gp-card-col{
        width:100% !important;
        max-width:100% !important;
        flex:100% !important;

        display:block;

        font-size:12px;
        line-height:1.35;

        margin-bottom:5px;

        padding:0 !important;

        text-align:left;
    }

    .gp-card-label,
    .gp-card-valor{
        display:inline-flex;
        align-items:center;
    }

    .gp-mobile-hidden{
        display:none !important;
    }

    .gp-card-badge{
        font-size:11px;
        padding:4px 9px;
        margin-top:2px;
    }
}