/* ==========================================================
   MODAL DETALHES PROTOCOLO
========================================================== */

/* ==========================================================
   DETALHES LIGHT
========================================================== */

[data-theme="light"]{

    --dt-card-bg:#ffffff;
    --dt-card-border:#e5e7eb;

    --dt-text:#111827;
    --dt-text-secondary:#6b7280;

}

/* ==========================================================
   DETALHES DARK
========================================================== */

[data-theme="dark"]{

    --dt-card-bg:#0f172a;
    --dt-card-border:#334155;

    --dt-text:#e2e8f0;
    --dt-text-secondary:#94a3b8;

}

.modal-content.modal-detalhes-protocolo{
    width:95% !important;
    max-width:900px !important;
    max-height:90vh !important;
    overflow-y:auto;
    background:var(--dt-card-bg) !important;
    padding:8px;
    border-radius:18px;
    padding-bottom: 22px;

}

/* ==========================================================
   CONTAINER
========================================================== */

.mdp{
    display:flex;
    flex-direction:column;
    padding:1px;
    max-height: 80vh;
}

/* ==========================================================
   CARD RESUMO
========================================================== */

.mdp-header{
    display:flex;
    align-items:stretch;
    background:var(--dt-card-bg);
    border:1px solid var(--dt-card-border);
    border-radius:18px;
    flex-shrink: 0;
    box-shadow:0 2px 8px rgba(0,0,0,.05);
}

.mdp-body{
    flex: 1;
    margin-top:20px;
    width: 100%;
    padding-right:0px;

}

/* ==========================================================
   LOGO
========================================================== */

.mdp-logo{
    width:92px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:16px;
}

.mdp-logo-img{
    width:70px;
    height:auto;
    object-fit:contain;
}

/* ==========================================================
   COLUNAS
========================================================== */

.mdp-header-item{
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:16px 20px;
    border-left:1px solid var(--dt-card-border);
}

.mdp-header-item:last-child{
    border-right:none;
}

/* ==========================================================
   TEXTO
========================================================== */

.mdp-label{
    font-size:13px;
    color:var(--dt-text-secondary);
    margin-bottom:4px;
    font-weight:500;
}

.mdp-value{
    font-size:17px;
    font-weight:600;
    color:var(--dt-text);
    line-height: 1.2;
}

/* ==========================================================
   STATUS
========================================================== */

.mdp-status{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:7px 14px;
    border-radius:999px;
    width:max-content;
    font-size:13px;
    font-weight:600;
}

/* ==========================================================
   LINHAS
========================================================== */

.mdp-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px;
    margin-bottom:20px;
}

/* ==========================================================
   CARD
========================================================== */

.mdp-card{
    background:var(--dt-card-bg);
    border:1px solid var(--dt-card-border);
    border-radius:18px;
    padding:24px;
    box-shadow:
        0 3px 12px rgba(0,0,0,.04);

        height: auto;
}

/* ==========================================================
   TITULO
========================================================== */

.mdp-card-title{
    display:flex;
    align-items:center;
    gap:12px;
    font-size:22px;
    color:var(--dt-text);
    font-weight:600;
    margin-bottom:24px;
}

.mdp-card-title i{
    color:#7C3AED;
    width:24px;
}

/* ==========================================================
   CAMPOS
========================================================== */

.mdp-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:14px 0;
    border-bottom:1px dashed var(--dt-card-border);
}

.mdp-row:last-child{
    border-bottom:none;
}

.mdp-row span{
    color:var(--dt-text-secondary);
    font-size:16px;
}

.mdp-row strong{
    color:var(--dt-text);
    font-size:17px;
    font-weight:500;
}

.mdp-highlight strong{
    color:#16A34A;
    font-size:24px;
    font-weight:700;
}

/* ==========================================================
   DOCUMENTOS
========================================================== */

.mdp-documents{
    display:flex;
    flex-direction:column;
}

.mdp-document{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:18px 0;
}

.mdp-document:first-of-type{
    border-top:none;
}

.mdp-document span{
    color:var(--dt-text);
    font-size:16px;
}

.mdp-document strong{
    color:#2563EB;
    font-size:16px;
}

/* ==========================================================
   LINKS
========================================================== */

.mdp-document-link{
    color:#2563EB;
    text-decoration:none;
    font-weight:600;
}

.mdp-document-link:hover{
    text-decoration:underline;
}

.mdp-motivo-recusa{
    color:var(--dt-text);
    margin-top: 10px;
    font-size:15px;
    line-height:1.7;
    white-space:pre-wrap;
    padding:12px;
    border-radius:10px;
    background:#FEF2F2;
    border:1px solid #FECACA;
}

#mdpMotivoRecusaCard {
    margin-top: 15px;
    margin-bottom: 8px;
}

/* ==========================================================
   SCROLL MODAL
========================================================== */

.modal-content.modal-detalhes-protocolo::-webkit-scrollbar{
    width:10px;
}

.modal-content.modal-detalhes-protocolo::-webkit-scrollbar-track{
    background:transparent;
}

.modal-content.modal-detalhes-protocolo::-webkit-scrollbar-thumb{
    background:#CBD5E1;
    border-radius:999px;
}

.modal-content.modal-detalhes-protocolo::-webkit-scrollbar-thumb:hover{
    background:#94A3B8;
}

.modal-content.modal-detalhes-protocolo{
    scrollbar-width: thin;
    scrollbar-color: #94A3B8 transparent;
}

/* ==========================================================
   TABLET
========================================================== */

@media (max-width:900px){

    .modal-content.modal-detalhes-protocolo{
        padding:18px;
    }

    .mdp-header{
        flex-wrap:wrap;
    }

    .mdp-logo{
        width:100%;
        border-bottom:1px solid #ECECEC;
    }

    .mdp-logo-img{
        width:120px;
    }

    .mdp-header-item{
        width:50%;
        flex:none;
        border-left:none;
        border-top:1px solid #ECECEC;
    }

    .mdp-grid{
        grid-template-columns:1fr;
    }

}

@media (max-width:580px){
    .mdp-row{
        display:flex !important;
        flex-direction:column !important;
        justify-content:flex-start !important;
        align-items:flex-start !important;
        gap:6px;
        padding:14px 0;
    }

    .mdp-row span{
        font-size:13px;
        color:#64748B;
    }

    .mdp-row strong{
        width:100%;
        font-size:16px;
        line-height:1.4;
        word-break:break-word;
        text-align:left;
    }
}