/* Ficha do colaborador323. Seletores exclusivos; nenhuma regra compartilhada é alterada. */
#modalDetalheColaborador{align-items:center!important;justify-content:center!important;padding:24px!important;overflow:hidden!important}
#modalDetalheColaborador>.modal-content{width:min(1120px,100%)!important;max-width:1120px!important;max-height:calc(100vh - 48px)!important;max-height:calc(100dvh - 48px)!important;margin:0!important;padding:0!important;border-radius:16px!important;display:flex;flex-direction:column;overflow:hidden!important;background:#fff!important;color:#102b4b}
#modalDetalheColaborador .ficha-cabecalho{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid #e0e7f0;flex-shrink:0;background:#fff}
#modalDetalheColaborador .ficha-contexto{font-size:11px;line-height:1.3;color:#61738b}
#modalDetalheColaborador #tituloDetalheColaborador{font-size:17px!important;line-height:1.4!important;padding:2px 0 0!important;margin:0!important;background:transparent!important;border:0!important;color:#102b4b!important}
#modalDetalheColaborador .ficha-fechar{width:36px;min-width:36px;height:36px;padding:0;border:1px solid #d9e3ee;border-radius:9px;background:#fff;color:#35516e;font-size:24px;line-height:1;cursor:pointer}
#modalDetalheColaborador #detalheColaboradorConteudo{min-height:0;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0 24px 24px!important;line-height:1.5}
#modalDetalheColaborador .ficha-identidade{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 0 16px;margin:0 0 18px;background:#fff;border-bottom:1px solid #e0e7f0}
#modalDetalheColaborador .ficha-nome{min-width:0;flex:1}
#modalDetalheColaborador .ficha-nome h3{margin:0;font-size:21px;line-height:1.3;color:#082647;overflow-wrap:anywhere}
#modalDetalheColaborador .ficha-nome p{margin:5px 0 0;font-size:13px;color:#516985;overflow-wrap:anywhere}
#modalDetalheColaborador .ficha-etiquetas{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;max-width:43%;font-size:12px}
#modalDetalheColaborador .ficha-status,#modalDetalheColaborador .ficha-vaga{border-radius:999px;background:#eef4fc;color:#244e7a;padding:5px 10px;font-weight:600;overflow-wrap:anywhere}
#modalDetalheColaborador .ficha-status-ativo{background:#e7f5e9;color:#246338}
#modalDetalheColaborador .ficha-status-desligado{background:#f0f2f5;color:#57677b}
#modalDetalheColaborador .ficha-situacao .badge{margin:0;font-size:11px;white-space:normal;text-align:center}
#modalDetalheColaborador .section-title{margin:22px 0 10px!important;padding:0!important;border:0!important;background:none!important;color:#082647!important;font-size:16px!important;line-height:1.4!important}
#modalDetalheColaborador .ficha-secao:first-of-type .section-title{margin-top:0!important}
#modalDetalheColaborador .ficha-dados,#modalDetalheColaborador .ficha-vinculo-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 24px;margin:0}
#modalDetalheColaborador .ficha-campo{min-width:0}
#modalDetalheColaborador .ficha-campo dt{font-size:12px;font-weight:400;color:#5a718d;margin:0 0 3px}
#modalDetalheColaborador .ficha-campo dd{margin:0;color:#102b4b;font-size:14px;font-weight:600;overflow-wrap:anywhere;white-space:pre-wrap}
#modalDetalheColaborador .ficha-vinculo{background:#edf4fd;border:1px solid #d9e6f6;border-radius:10px;padding:16px 18px;margin:22px 0}
#modalDetalheColaborador .ficha-vinculo h3{font-size:15px;color:#1e4f87;margin:0 0 12px}
#modalDetalheColaborador .ficha-vinculo-grade{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)}
#modalDetalheColaborador .ficha-vinculo-grade+.ficha-vinculo-grade{margin-top:14px;padding-top:14px;border-top:1px solid #d4e1f2}
#modalDetalheColaborador .ficha-observacoes{padding:12px 14px;border-radius:8px;background:#f4f7fb;color:#294563;font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
#modalDetalheColaborador .timeline-pro{border-left:2px solid #d9e6fa;margin:8px 0 0 8px;padding:0 0 0 16px;background:transparent;box-shadow:none;border-radius:0}
#modalDetalheColaborador .timeline-pro-item{position:relative;padding:14px 16px;margin:0 0 14px;border:1px solid #dae5f3;border-radius:10px;background:#fff;box-shadow:none;font-size:13px;line-height:1.5!important}
#modalDetalheColaborador .timeline-pro-item:before{content:"";position:absolute;width:10px;height:10px;background:#265aa5;border:3px solid #fff;border-radius:50%;left:-25px;top:18px;box-shadow:0 0 0 1px #d9e6fa}
#modalDetalheColaborador .timeline-pro-item>b{font-size:14px;color:#102b4b}
#modalDetalheColaborador .timeline-pro-item>b+div{color:#5a718d;margin:2px 0 10px;font-size:12px}
#modalDetalheColaborador .ficha-ocupacao-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 24px;border-top:1px solid #e8edf5;padding-top:10px}
#modalDetalheColaborador .ficha-ocupacao-grade>div{min-width:0;overflow-wrap:anywhere}
#modalDetalheColaborador .ficha-ocupacao-grade>div>span{display:block;color:#5a718d;font-size:11px}
#modalDetalheColaborador .sal-row{padding:12px 14px;font-size:13px;flex-wrap:wrap;box-shadow:none}
#modalDetalheColaborador .audit-list{max-height:none!important;overflow:visible!important;background:#fff;border:1px solid #dae5f3;border-radius:10px;padding:0!important;font-size:13px}
#modalDetalheColaborador .audit-item{display:grid;grid-template-columns:135px minmax(0,1fr);gap:16px;padding:14px 16px;line-height:1.5;border-bottom:1px solid #e3eaf3}
#modalDetalheColaborador .audit-item:last-child{border-bottom:0}
#modalDetalheColaborador .data-hora-v20122{color:#5a718d;font-size:11px;white-space:normal}
#modalDetalheColaborador .ficha-auditoria-conteudo{min-width:0;overflow-wrap:anywhere}
#modalDetalheColaborador .auditoria-colaborador-resumo>div{color:#516985;font-size:12px;margin-top:3px}
#modalDetalheColaborador #auditoriaColaboradorOficialV20119>p{margin:0 0 10px;color:#61738b;font-size:12px}
#modalDetalheColaborador #auditoriaColaboradorOficialV20119 summary{display:inline-block;list-style:none;border:1px solid #adc3df;border-radius:6px;padding:5px 10px;margin-top:4px;color:#1e4f87;font-size:12px;font-weight:600;background:#fff;cursor:pointer}
#modalDetalheColaborador summary::-webkit-details-marker{display:none}
#modalDetalheColaborador details[open]>summary{background:#edf4fd}
#modalDetalheColaborador details p{font-size:12px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
#modalDetalheColaborador .modal-actions{flex-shrink:0;display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap!important;padding:14px 24px!important;margin:0!important;border-top:1px solid #dae5f3;background:#fff}
#modalDetalheColaborador .modal-actions button{min-height:40px;font-size:12px!important;padding:9px 16px!important;border-radius:8px!important}
#modalDetalheColaborador .modal-actions button:last-child{background:#164d92!important;border:1px solid #164d92!important;color:#fff!important}
#modalDetalheColaborador button:focus-visible,#modalDetalheColaborador summary:focus-visible{outline:3px solid #8fbaee;outline-offset:2px}
@media(max-width:760px){
 #modalDetalheColaborador{padding:12px!important}
 #modalDetalheColaborador>.modal-content{max-height:calc(100vh - 24px)!important;max-height:calc(100dvh - 24px)!important;border-radius:12px!important}
 #modalDetalheColaborador .ficha-cabecalho{padding:12px 16px}
 #modalDetalheColaborador #detalheColaboradorConteudo{padding:0 16px 18px!important}
 #modalDetalheColaborador .ficha-identidade{position:static;align-items:flex-start;flex-direction:column;gap:10px;padding:16px 0}
 #modalDetalheColaborador .ficha-nome h3{font-size:18px}
 #modalDetalheColaborador .ficha-etiquetas{max-width:100%;justify-content:flex-start}
 #modalDetalheColaborador .ficha-dados{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 #modalDetalheColaborador .ficha-vinculo-grade{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 #modalDetalheColaborador .ficha-vinculo-grade>.ficha-campo:first-child{grid-column:1/-1}
 #modalDetalheColaborador .audit-item{grid-template-columns:1fr;gap:5px;padding:12px}
 #modalDetalheColaborador .modal-actions{padding:12px 16px!important}
}
@media(max-width:420px){
 #modalDetalheColaborador .ficha-ocupacao-grade{grid-template-columns:1fr}
 #modalDetalheColaborador .modal-actions button{padding:9px 11px!important}
}
