/* ==========================================================
   HAMCONTACT - EMAIL DO INDICATIVO / PREPARAÇÃO QSL
   ========================================================== */

.indicativo-email-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;

    margin-top:6px;
    padding-top:6px;

    border-top:
        1px solid var(--bs-border-color);

    font-size:.78rem;
}

.indicativo-acoes-edicao{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:6px;
    flex:0 0 auto;
}

@media (max-width: 420px){
    .indicativo-acoes-edicao{
        min-width:74px;
    }

    .indicativo-acoes-edicao .btn{
        padding-left:7px;
        padding-right:7px;
    }
}

.indicativo-email-info{
    min-width:0;
}

.indicativo-email-value{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;

    color:var(--bs-secondary-color);
}

.indicativo-email-value.tem-email{
    color:var(--bs-body-color);
}

.indicativo-email-qsl-status{
    display:inline-flex;
    align-items:center;
    gap:4px;

    margin-top:2px;

    font-size:.68rem;
}

.indicativo-email-qsl-status.ok{
    color:var(--bs-success);
}

.indicativo-email-qsl-status.sem-email{
    color:var(--bs-secondary-color);
}


/* Modal dedicado de e-mail */
#modalEmailIndicativo .modal-dialog{
    max-width:520px;
}


/* Modal de cadastro/edição do indicativo acima do cabeçalho do sistema. */
body.hc-modal-indicativo-aberto .modal-backdrop{
    z-index:13990 !important;
}

#modalIndicativo{
    z-index:14000 !important;
}

#modalIndicativo .modal-dialog{
    width:min(560px, calc(100vw - 20px));
    max-width:560px;
    height:calc(100dvh - 20px);
    max-height:calc(100dvh - 20px);
    margin:10px auto;
    display:flex;
    align-items:stretch;
}

#modalIndicativo .modal-content{
    max-height:100%;
    overflow:hidden;
    display:flex;
    flex-direction:column;
}

#modalIndicativo .modal-header,
#modalIndicativo .modal-footer{
    flex:0 0 auto;
}

#modalIndicativo .modal-body{
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
}

@media (max-width: 1199.98px){
    #modalIndicativo .modal-body{
        padding:14px 16px;
    }

    #modalIndicativo .modal-body > .mb-3{
        margin-bottom:12px !important;
    }

    #modalIndicativo .form-control-lg,
    #modalIndicativo .form-select-lg{
        min-height:42px;
        padding:8px 12px;
        font-size:1rem;
    }

    #modalIndicativo .modal-header,
    #modalIndicativo .modal-footer{
        padding:10px 14px;
    }
}

@media (max-width: 575.98px){
    #modalIndicativo .modal-dialog{
        width:calc(100vw - 12px);
        height:calc(100dvh - 12px);
        max-height:calc(100dvh - 12px);
        margin:6px auto;
    }

    #modalIndicativo .modal-body{
        padding:12px;
    }

    #modalIndicativo .row.g-3{
        --bs-gutter-x:10px;
        --bs-gutter-y:8px;
    }
}