#secColaboradores .ct-subtabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 4px;border-bottom:1px solid #d8e3f2;padding-bottom:10px}
#secColaboradores .ct-subtabs button{min-height:42px;padding:9px 15px;border:1px solid #cbd9ec;border-radius:10px;background:#f8fbff;color:#18385f;font-weight:750;cursor:pointer}
#secColaboradores .ct-subtabs button[aria-selected="true"]{background:#185be3;border-color:#185be3;color:#fff}
#cadColabCadastroPanel[hidden]{display:none!important}
#secControleTrabalho{margin:14px 0 4px;padding:18px;border:1px solid #d9e5f3;border-radius:14px;background:#fff;color:#102342}
#secControleTrabalho[hidden]{display:none!important}
#secControleTrabalho .ct-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}
#secControleTrabalho h2{margin:0;font-size:23px;color:#0c2448}
#secControleTrabalho h3{margin:0 0 6px;font-size:17px;color:#153b76}
#secControleTrabalho p{margin:6px 0 14px;color:#61728d;font-size:13px}
#secControleTrabalho label{display:grid;gap:5px;font-size:12px;font-weight:750;color:#254260;min-width:0}
#secControleTrabalho input,#secControleTrabalho select{box-sizing:border-box;width:100%;min-width:0;min-height:40px;padding:8px 10px;border:1px solid #c9d8ec;border-radius:9px;background:#fff;color:#102342;font-size:13px}
#secControleTrabalho button{min-height:38px;padding:8px 12px;cursor:pointer}
#secControleTrabalho .ct-pessoa{min-width:min(100%,290px)}
#secControleTrabalho .ct-vazio{padding:18px;border:1px dashed #b8c9de;border-radius:12px;margin-top:16px}
#secControleTrabalho .ct-cartao{border:1px solid #d8e3f2;border-radius:14px;padding:16px;margin-top:16px;background:#fbfdff}
#secControleTrabalho .ct-destaque{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 15px}
#secControleTrabalho .ct-destaque strong{font-size:16px;color:#132d52}
#secControleTrabalho .ct-tempo{display:inline-flex;background:#eaf3ff;color:#1254bc;padding:8px 11px;border-radius:9px;font-size:13px;font-weight:750}
#secControleTrabalho .ct-dias{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 16px}
#secControleTrabalho .ct-dias label{display:flex;align-items:center;gap:5px;cursor:pointer}
#secControleTrabalho .ct-dias input,#secControleTrabalho .ct-marcacao input{width:17px;min-height:17px;accent-color:#1766e6}
#secControleTrabalho .ct-dias span{padding:7px 9px;background:#fff;border:1px solid #c9d8ec;border-radius:8px}
#secControleTrabalho .ct-dias input:checked+span{background:#eaf3ff;color:#0f55c2;border-color:#85b1f1}
#secControleTrabalho .ct-turnos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#secControleTrabalho .ct-turnos fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:1px solid #d8e3f2;border-radius:10px;padding:12px;min-width:0}
#secControleTrabalho .ct-turnos legend{font-weight:800;color:#153b76;padding:0 5px;font-size:13px}
#secControleTrabalho .ct-legado{margin:12px 0 0!important;font-size:12px}
#secControleTrabalho .ct-semana-top{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:14px}
#secControleTrabalho .ct-periodo{display:flex;gap:8px;align-items:end;flex-wrap:wrap}
#secControleTrabalho .ct-periodo label{min-width:170px}
#secControleTrabalho .ct-periodo small{color:#536987;font-size:12px}
#secControleTrabalho .ct-dias-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#secControleTrabalho .ct-dia{padding:12px;border:1px solid #d8e3f2;border-radius:11px;background:#fff;min-width:0}
#secControleTrabalho .ct-dia-top{display:grid;grid-template-columns:minmax(95px,1fr) auto minmax(120px,1fr);gap:10px;align-items:center;margin-bottom:10px}
#secControleTrabalho .ct-dia-top strong{display:block;color:#163963;font-size:14px}
#secControleTrabalho .ct-dia-top small{display:block;margin-top:2px;color:#687a91;font-size:11px}
#secControleTrabalho .ct-marcacao{display:flex;align-items:center;gap:5px;white-space:nowrap;cursor:pointer}
#secControleTrabalho .ct-dia-horas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
#secControleTrabalho .ct-dia-horas input{padding:6px}
#secControleTrabalho .ct-dia-notas{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}
#secControleTrabalho .ct-dia input:disabled,#secControleTrabalho .ct-dia select:disabled{background:#f1f4f8;color:#6d7f98}
#secControleTrabalho .ct-bloqueado{display:block;margin-top:8px;color:#74849a}
#secControleTrabalho .ct-acoes{display:flex;gap:9px;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin-top:16px}
#secControleTrabalho #ctFeedback{margin-right:auto;color:#087642;font-weight:750;font-size:12px}
#secControleTrabalho .ct-indicadores{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:14px 0}
#secControleTrabalho .ct-indicador{border:1px solid #d5e2f1;border-radius:11px;background:#fff;padding:12px}
#secControleTrabalho .ct-indicador small{display:block;color:#58708e;font-size:11px}
#secControleTrabalho .ct-indicador strong{display:block;font-size:20px;color:#0f4db9;margin-top:5px}
#secControleTrabalho .ct-graficos{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#secControleTrabalho .ct-grafico{padding:14px;border:1px solid #d8e3f2;background:#fff;border-radius:12px;min-width:0}
#secControleTrabalho .ct-grafico-barra{display:flex;width:100%;height:16px;overflow:hidden;border-radius:99px;background:#edf2f8}
#secControleTrabalho .ct-barra{display:block;height:100%}
#secControleTrabalho .presenca{background:#1bb76e}#secControleTrabalho .falta{background:#ee5264}#secControleTrabalho .atestado{background:#f7a22a}#secControleTrabalho .folga{background:#8b74e9}#secControleTrabalho .feriado{background:#27a7c5}#secControleTrabalho .pendente{background:#aeb9cb}
#secControleTrabalho .ct-legenda{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px;font-size:11px;color:#4c627e}
#secControleTrabalho .ct-legenda span{display:flex;align-items:center;gap:4px}
#secControleTrabalho .ct-legenda i{display:inline-block;width:9px;height:9px;border-radius:3px}
#secControleTrabalho .ct-mes-linha{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:4px 9px;margin:11px 0}
#secControleTrabalho .ct-mes-linha strong{font-size:11px;color:#284d7a}
#secControleTrabalho .ct-mes-linha .ct-grafico-barra{height:11px}
#secControleTrabalho .ct-mes-linha small{grid-column:2;color:#6c7b92;font-size:10px}
#secControleTrabalho .ct-mes-filtro{max-width:180px}
body.dark-pro #secControleTrabalho,body.dark-pro #secControleTrabalho .ct-cartao,body.dark-pro #secControleTrabalho .ct-dia,body.dark-pro #secControleTrabalho .ct-grafico,body.dark-pro #secControleTrabalho .ct-indicador{background:#101c30;border-color:#2b405d;color:#e7f0ff}
body.dark-pro #secColaboradores .ct-subtabs button{background:#152640;border-color:#385276;color:#e7f0ff}
body.dark-pro #secColaboradores .ct-subtabs button[aria-selected="true"]{background:#185be3;border-color:#185be3;color:#fff}
body.dark-pro #secControleTrabalho h2,body.dark-pro #secControleTrabalho h3,body.dark-pro #secControleTrabalho .ct-destaque strong,body.dark-pro #secControleTrabalho .ct-dia-top strong{color:#e7f0ff}
body.dark-pro #secControleTrabalho label,body.dark-pro #secControleTrabalho .ct-turnos legend{color:#c8d9f2}
body.dark-pro #secControleTrabalho input,body.dark-pro #secControleTrabalho select,body.dark-pro #secControleTrabalho .ct-dias span{background:#172743;border-color:#3a5478;color:#f3f7ff}
@media(max-width:1100px){#secControleTrabalho .ct-dias-grid,#secControleTrabalho .ct-graficos{grid-template-columns:1fr}}
@media(max-width:720px){#secControleTrabalho .ct-indicadores{grid-template-columns:repeat(2,minmax(0,1fr))}#secControleTrabalho .ct-turnos{grid-template-columns:1fr}}
@media(max-width:520px){#secControleTrabalho{padding:12px}#secControleTrabalho .ct-dia-top{grid-template-columns:1fr 1fr}#secControleTrabalho .ct-dia-top label:last-child{grid-column:1/-1}#secControleTrabalho .ct-dia-horas,#secControleTrabalho .ct-dia-notas{grid-template-columns:repeat(2,minmax(0,1fr))}#secControleTrabalho .ct-indicadores{grid-template-columns:1fr 1fr}}
