
/* Organograma completo: largura real e navegação integral, sem miniaturas ilegíveis. */
html:has(#screenHierarquia.active),body:has(#screenHierarquia.active){min-width:0!important;width:100%!important;max-width:none!important}
body:has(#screenHierarquia.active)>.app,.app:has(#screenHierarquia.active){width:100%!important;max-width:none!important;margin:0!important;min-height:100vh!important;border:0!important;border-radius:0!important;box-shadow:none!important}
#screenHierarquia.active{width:100%!important;max-width:none!important;margin:0!important;padding:12px 14px 25px!important;min-width:0!important}
#screenHierarquia .hc-head{margin-bottom:5px!important;gap:6px!important}
#screenHierarquia .hc-head small{font-size:10px!important}
#screenHierarquia .hc-head h1{font-size:19px!important;margin:2px 0!important}
#screenHierarquia .hc-head p{display:none!important}
#screenHierarquia .hc-filters{padding:9px!important;margin-bottom:2px!important;gap:9px!important}
#screenHierarquia .hc-filters label{min-width:150px;flex:1 1 175px}
#screenHierarquia .hc-tabs{margin:4px 0 10px!important}
#screenHierarquia .hc-tabs button{font-size:11px!important;padding:10px 13px!important}
#screenHierarquia .hc-kpis{display:none!important}
#screenHierarquia .hc-foot{max-width:1650px;margin:9px auto!important}
#screenHierarquia .hct-view{box-sizing:border-box;background:#fff;border:1px solid #d5e2eb;border-radius:11px;min-width:0;overflow:hidden}
#screenHierarquia .hct-viewbar{position:sticky;top:0;z-index:10;background:#f5f9fc;border-bottom:1px solid #d6e4ed;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:9px 14px}
#screenHierarquia .hct-viewbar>div:first-child{display:flex;flex-direction:column;gap:4px}
#screenHierarquia .hct-viewbar strong{font-size:12px;color:#174568;font-weight:800}
#screenHierarquia .hct-viewbar span{font-size:11px;color:#738b9e}
#screenHierarquia .hct-controls{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
#screenHierarquia .hct-controls button{cursor:pointer;border-radius:6px;border:1px solid #a8c5d6;background:#fff;color:#205674;padding:8px 11px;min-height:33px;font-size:11px;font-weight:800}
#screenHierarquia .hct-controls button:hover{background:#e5f2f8}
#screenHierarquia .hct-controls strong{font-size:12px!important;min-width:39px;text-align:center}
#screenHierarquia .hct-scroll{width:100%;overflow:auto;max-height:calc(100vh - 255px);min-height:420px;scrollbar-width:auto;overscroll-behavior:contain;background:linear-gradient(#fff,#f9fcfe)}
#screenHierarquia .hct-stage{display:flex;flex-direction:column;align-items:center;width:max-content;min-width:100%;padding:20px 16px 32px;background:linear-gradient(to bottom,#fff,#f8fbfd);transform-origin:top left}
#screenHierarquia .hct-supervisor{width:220px;margin:auto}
#screenHierarquia .hct-supervisor .hct-person{border-top:4px solid #153d5d}
#screenHierarquia .hct-stem{height:28px;width:2px;background:#9fbccc;align-self:center;flex:none}
#screenHierarquia .hct-sectors{display:flex;gap:18px;align-items:flex-start;position:relative;padding-top:17px}
#screenHierarquia .hct-sectors:before{content:"";position:absolute;top:0;height:2px;background:#9fbccc;left:25%;right:25%}
#screenHierarquia .hct-sector{display:flex;flex-direction:column;align-items:center;gap:0;background:#f4f8fb;border:1px solid #d7e6ee;border-radius:13px;padding:13px;position:relative;min-height:460px}
#screenHierarquia .hct-sector:before{content:"";position:absolute;top:-18px;height:18px;width:2px;background:#9fbccc}
#screenHierarquia .hct-leader{width:220px;max-width:100%}
#screenHierarquia .hct-sector-teams{display:flex;gap:10px;align-items:flex-start}
#screenHierarquia .hct-team{width:226px;flex:none;background:#fff;border:1px solid #d7e5ed;border-radius:10px;padding:7px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}
#screenHierarquia .hct-team-title{width:100%;min-height:166px}
#screenHierarquia .hct-team-title>.hct-person{height:100%}
#screenHierarquia .hct-workers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-items:stretch;width:100%}
#screenHierarquia .hct-worker-cell{width:100%;min-width:0;min-height:195px}
#screenHierarquia .hct-vacant{border:1px dashed #dce8ee;background:#f8fbfe;border-radius:7px;height:100%;min-height:195px}
#screenHierarquia .hct-person{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;border-radius:8px;border:1px solid #cfdee7;background:white;padding:8px 5px;box-sizing:border-box}
#screenHierarquia .hct-person strong{font-size:11px!important;color:#204e69;line-height:1.2;overflow-wrap:anywhere}
#screenHierarquia .hct-person .hct-reg{font-size:9px;color:#7591a2}
#screenHierarquia .hct-person .hct-station{font-size:9px;color:#6c899e;min-height:13px}
#screenHierarquia .hct-person .hct-face{width:84px;height:90px;display:block;position:relative;background:#e1eaf0;border:1px solid #cbdce6;overflow:hidden;border-radius:7px}
#screenHierarquia .hct-person .hct-face img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;z-index:1}
#screenHierarquia .hct-initials{display:grid;place-items:center;width:100%;height:100%;font-size:18px;color:#7290a4;font-weight:800}
#screenHierarquia .hct-gl .hct-face,#screenHierarquia .hct-sv .hct-face{width:91px;height:99px}
#screenHierarquia .hct-worker{width:100%;height:100%;padding:6px 4px;gap:4px}
#screenHierarquia .hct-worker .hct-face{height:77px;width:74px}
#screenHierarquia .hct-worker strong{font-size:9px!important;line-height:1.25;min-height:34px}
#screenHierarquia .hct-worker .hct-reg{font-size:8px}
#screenHierarquia .hct-worker .hct-station{font-size:8px;min-height:22px;max-width:100%;overflow-wrap:anywhere}
#screenHierarquia .hct-rate{font-size:9px;color:#175f89;background:#eaf5fc;border:1px solid #cce4f2;border-radius:4px;padding:3px 6px;min-height:16px}
#screenHierarquia .hct-rate.unavailable{background:#f0f4f7;color:#8294a1;border-color:#e4eaf0}
#screenHierarquia .hct-person .hx-photo-btn{font-size:8px!important;min-height:22px;padding:4px 6px!important;margin-top:auto}
#screenHierarquia .hct-count{font-size:9px;color:#718c9e;padding:9px 0 2px}
#screenHierarquia .hct-foot{margin:0!important;padding:9px 15px;color:#698398;font-size:10px;border-top:1px solid #e4edf2}
#screenHierarquia .hct-view:fullscreen,#screenHierarquia .hct-view.hct-expanded{background:#fff;display:flex;flex-direction:column;width:100vw!important;height:100vh!important;max-width:none!important;border-radius:0!important;overflow:hidden!important}
#screenHierarquia .hct-view.hct-expanded{position:fixed;inset:0;z-index:99999}
#screenHierarquia .hct-view:fullscreen .hct-scroll,#screenHierarquia .hct-view.hct-expanded .hct-scroll{flex:1;max-height:none;height:auto;min-height:0}
#screenHierarquia .hct-view:fullscreen .hct-viewbar,#screenHierarquia .hct-view.hct-expanded .hct-viewbar{position:relative;top:0}
@media(max-width:600px){#screenHierarquia .hct-scroll{max-height:calc(100vh - 280px)}#screenHierarquia .hct-viewbar{padding:8px}#screenHierarquia .hct-controls button{padding:6px}}


/* Estrutura unificada: 7 colunas lado a lado, exatamente na ordem dos Team Leaders no Excel. */
#screenHierarquia .hct-stage.hct-excel-stage{
  display:flex;flex-direction:column;align-items:stretch;
  width:max-content;min-width:100%;padding:22px 18px 36px;
}
#screenHierarquia .hct-excel-stage .hct-supervisor{
  width:215px;margin:0 auto;align-self:center;
}
#screenHierarquia .hct-level-sv{
  height:29px;width:2px;background:#98b6c7;align-self:center;position:relative;
}
#screenHierarquia .hct-gl-level{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;width:100%;position:relative;padding-top:13px;
}
#screenHierarquia .hct-gl-level:before{
  content:"";position:absolute;top:0;left:25%;right:25%;
  height:2px;background:#98b6c7;
}
#screenHierarquia .hct-gl-position{
  --hct-group-color:#287fad;display:flex;align-items:center;
  flex-direction:column;gap:6px;min-width:0;position:relative;
}
#screenHierarquia .hct-gl-position:before{
  content:"";position:absolute;top:-13px;height:13px;width:2px;
  background:var(--hct-group-color);
}
#screenHierarquia .hct-gl-position>.hct-person{
  width:208px;max-width:100%;border-top:4px solid var(--hct-group-color);
}
#screenHierarquia .hct-gl-range{
  font-size:10px;color:#53788e;font-weight:700;
  padding:4px 10px;background:#eef6fb;border:1px solid #d8e9f2;
  border-radius:15px;
}
#screenHierarquia .hct-link-zone{
  position:relative;height:103px;width:100%;align-self:stretch;overflow:visible;
}
#screenHierarquia .hct-link-zone svg{
  position:absolute;inset:0;display:block;width:100%;height:100%;
  pointer-events:none;overflow:visible;
}
#screenHierarquia .hct-all-teams{
  display:flex;flex-direction:row;align-items:stretch;gap:11px;
  width:max-content;min-width:100%;margin:auto;
}
#screenHierarquia .hct-position{
  width:226px;flex:0 0 226px;display:flex;min-width:0;
  flex-direction:column;position:relative;box-sizing:border-box;
}
#screenHierarquia .hct-position .hct-team{
  width:100%;min-height:100%;
  box-shadow:0 2px 12px rgba(26,70,99,.07);
}
#screenHierarquia .hct-position .hct-team-title{
  padding:0 2px;display:flex;align-items:stretch;
}
#screenHierarquia .hct-position .hct-team-title .hct-person{
  border-top:3px solid #4483a8;flex:1;
}
#screenHierarquia .hct-position .hct-worker-cell{
  min-height:185px;
}
#screenHierarquia .hct-position .hct-vacant{
  min-height:185px;
}
#screenHierarquia .hct-viewbar{z-index:11}
#screenHierarquia .hct-scroll{scrollbar-color:#6c98b6 #e8f0f5}
#screenHierarquia .hct-view:fullscreen .hct-stage,
#screenHierarquia .hct-view.hct-expanded .hct-stage{
  flex-shrink:0;
}

/* Cores herdadas da cadeia de comando:
   Aníbal (115343) = azul, Alessandro (117675) = laranja.
   Group Leaders: tom profundo; Team Leaders: tom médio; montadores: tom claro.
   Identidade da liderança não representa avaliação, presença ou desempenho. */
#screenHierarquia .hct-gl-position[data-hct-gl="115343"],
#screenHierarquia .hct-all-teams > .hct-position[data-hct-parent="115343"] {
  --chain-main:#174A73;
  --chain-medium:#246D9C;
  --chain-soft:#EDF6FD;
  --chain-light-border:#B8D9EC;
  --chain-photo-border:#96BED7;
}
#screenHierarquia .hct-gl-position[data-hct-gl="117675"],
#screenHierarquia .hct-all-teams > .hct-position[data-hct-parent="117675"] {
  --chain-main:#954D18;
  --chain-medium:#B56828;
  --chain-soft:#FFF4E9;
  --chain-light-border:#EFCBAB;
  --chain-photo-border:#DDA875;
}
/* Group Leaders: maior força visual para identificar a origem da cadeia. */
#screenHierarquia .hct-gl-position > .hct-gl {
  background:var(--chain-main,#173B57);
  border:1px solid var(--chain-main,#173B57);
  border-top:5px solid var(--chain-main,#173B57);
  box-shadow:0 4px 14px rgba(22,55,79,.15);
}
#screenHierarquia .hct-gl-position > .hct-gl strong,
#screenHierarquia .hct-gl-position > .hct-gl .hct-reg {
  color:#FFFFFF!important;
}
#screenHierarquia .hct-gl-position .hct-gl-range {
  border-color:var(--chain-light-border,#D8E9F2);
  background:var(--chain-soft,#EEF6FB);
  color:var(--chain-main,#174A73);
}
#screenHierarquia .hct-gl-position > .hct-gl .hx-photo-btn {
  color:var(--chain-main,#174A73)!important;
  background:#FFFFFF!important;
  border:1px solid #FFFFFF!important;
}
/* Equipe: o quadro todo segue a cor do Group Leader, inclusive o fundo. */
#screenHierarquia .hct-all-teams > .hct-position .hct-team {
  border:2px solid var(--chain-medium,#577F99);
  background:var(--chain-soft,#F6FAFC);
  box-shadow:0 4px 14px rgba(23,59,87,.10);
}
#screenHierarquia .hct-all-teams > .hct-position .hct-team-title {
  background:var(--chain-soft,#F6FAFC);
  border-radius:8px;
  padding:5px;
}
#screenHierarquia .hct-all-teams > .hct-position .hct-team-title > .hct-team {
  border:none;
}
/* Team Leaders: cabeçalho em tom mais forte, contrastando com os montadores. */
#screenHierarquia .hct-all-teams > .hct-position .hct-team-title > .hct-person {
  background:var(--chain-medium,#246D9C);
  border:1px solid var(--chain-medium,#246D9C);
  border-top:5px solid var(--chain-main,#174A73);
}
#screenHierarquia .hct-all-teams > .hct-position .hct-team-title > .hct-person strong,
#screenHierarquia .hct-all-teams > .hct-position .hct-team-title > .hct-person .hct-reg {
  color:#FFFFFF!important;
}
#screenHierarquia .hct-all-teams > .hct-position .hct-team-title > .hct-person .hct-rate {
  color:var(--chain-main,#174A73);
  background:#FFFFFF;
  border-color:#FFFFFF;
}
#screenHierarquia .hct-all-teams > .hct-position .hct-team-title > .hct-person .hx-photo-btn {
  color:var(--chain-main,#174A73)!important;
  background:#FFFFFF!important;
  border:1px solid #FFFFFF!important;
}
/* Montadores: cartões claros, borda da própria cadeia. */
#screenHierarquia .hct-all-teams > .hct-position .hct-workers .hct-person {
  background:#FFFFFF;
  border:1px solid var(--chain-light-border,#D2E1E9);
  border-left:4px solid var(--chain-medium,#577F99);
}
#screenHierarquia .hct-all-teams > .hct-position .hct-workers .hct-person .hct-face {
  border-color:var(--chain-photo-border,#CBDCE6);
}
#screenHierarquia .hct-all-teams > .hct-position .hct-workers .hct-person .hct-rate {
  background:var(--chain-soft,#EDF6FD);
  border-color:var(--chain-light-border,#B8D9EC);
  color:var(--chain-main,#174A73);
}
#screenHierarquia .hct-all-teams > .hct-position .hct-vacant {
  background:var(--chain-soft,#F6FAFC);
  border:1px dashed var(--chain-light-border,#D2E1E9);
}
#screenHierarquia .hct-all-teams > .hct-position .hct-count {
  color:var(--chain-main,#174A73);
  font-weight:800;
}
/* Legenda curta facilita interpretação sem precisar conferir o nome do líder. */
#screenHierarquia .hct-legend {
  display:flex;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
  margin-top:5px;
}
#screenHierarquia .hct-legend-item {
  display:inline-flex;
  align-items:center;
  gap:5px;
  font-size:10px;
  font-weight:800;
  color:#385F78;
  white-space:nowrap;
}
#screenHierarquia .hct-legend-swatch {
  width:10px;
  height:10px;
  border-radius:3px;
  display:inline-block;
}
#screenHierarquia .hct-legend-blue {background:#246D9C}
#screenHierarquia .hct-legend-orange {background:#B56828}


/* Navegacao: arvore centralizada, scroll horizontal duplicado na base da tela. */
#screenHierarquia .hct-view{display:flex;flex-direction:column;height:calc(100vh - 215px);min-height:460px;position:relative}
#screenHierarquia .hct-view .hct-scroll{min-height:0!important;max-height:none!important;flex:1 1 auto;overflow:auto;overscroll-behavior:contain}
#screenHierarquia .hct-excel-stage{box-sizing:border-box;align-items:stretch}
#screenHierarquia .hct-all-teams{justify-content:center;align-self:center}
#screenHierarquia .hct-base-rail{flex:0 0 21px;display:block;overflow-x:scroll;overflow-y:hidden;scrollbar-width:auto;scrollbar-color:#6C9DBA #E5EDF3;border-top:1px solid #cddfe9;background:#f5f9fc}
#screenHierarquia .hct-base-rail > div{height:1px;pointer-events:none}
#screenHierarquia .hct-base-rail::-webkit-scrollbar{height:15px}
#screenHierarquia .hct-base-rail::-webkit-scrollbar-track{background:#e5edf3}
#screenHierarquia .hct-base-rail::-webkit-scrollbar-thumb{background:#83a7bc;border:2px solid #e5edf3;border-radius:12px}
#screenHierarquia .hct-view:fullscreen .hct-base-rail,#screenHierarquia .hct-view.hct-expanded .hct-base-rail{flex-basis:22px}
#screenHierarquia .hct-manage{border:1px solid #205f86!important;background:#205f86!important;color:#fff!important}
#screenHierarquia .hct-edit-btn{font-size:9px!important;border:1px solid #c9dae4!important;background:#f2f7fa!important;color:#1f5375!important;border-radius:5px!important;padding:4px 7px!important;cursor:pointer!important;font-weight:800!important}
#screenHierarquia .hct-person .hct-edit-btn{margin-top:3px}
#screenHierarquia .hct-team-title .hct-edit-btn,#screenHierarquia .hct-gl .hct-edit-btn{background:rgba(255,255,255,.95)!important;color:#1d4a67!important}
#screenHierarquia .hct-rate{font-size:10px!important;font-weight:900!important;line-height:1.3;padding:3px 5px!important;max-width:100%;text-align:center;white-space:normal}
#screenHierarquia .hct-rate.hct-level-destaque{background:#E8F7ED!important;border-color:#88CBA2!important;color:#176A39!important}
#screenHierarquia .hct-rate.hct-level-consolidado{background:#E6F1FA!important;border-color:#8FBFDF!important;color:#195A85!important}
#screenHierarquia .hct-rate.hct-level-desenvolvimento{background:#FFF4D9!important;border-color:#E4C77A!important;color:#87600E!important}
#screenHierarquia .hct-rate.hct-level-prioridade{background:#FBEAEA!important;border-color:#E7A3A6!important;color:#A22932!important}
#screenHierarquia .hct-rate.hct-level-unknown,#screenHierarquia .hct-rate.unavailable{background:#EFF2F5!important;border-color:#CED7DE!important;color:#6B7C87!important}
#screenHierarquia .hct-modal-backdrop{position:fixed;inset:0;z-index:99999;background:rgba(13,35,53,.65);display:flex;align-items:center;justify-content:center;padding:14px}
#screenHierarquia .hct-modal{width:min(530px,96vw);max-height:91vh;overflow-y:auto;background:#fff;border-radius:12px;border:1px solid #d8e5ed;box-shadow:0 20px 55px rgba(6,26,43,.34);color:#21445e;padding:0}
#screenHierarquia .hct-modal-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;background:#eff6fa;border-bottom:1px solid #d9e7ee}
#screenHierarquia .hct-modal-top strong{font-size:15px}
#screenHierarquia .hct-modal-top button{font-size:22px!important;background:transparent!important;border:0!important;color:#39637c;cursor:pointer}
#screenHierarquia .hct-modal-body{padding:18px;display:flex;flex-direction:column;gap:13px}
#screenHierarquia .hct-field{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:800;color:#526b7b;margin-bottom:11px}
#screenHierarquia .hct-field input,#screenHierarquia .hct-field select{width:100%;height:38px;border:1px solid #bdd3e0;border-radius:7px;padding:6px 9px;color:#234e66;background:#fff;font-size:12px;font-weight:500}
#screenHierarquia .hct-form-actions,#screenHierarquia .hct-editor-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}
#screenHierarquia .hct-form-actions button,#screenHierarquia .hct-editor-tabs button,#screenHierarquia .hct-restore-one{border-radius:7px;border:1px solid #bed4e2;padding:9px 12px;cursor:pointer;background:#fff;color:#235979;font-size:11px;font-weight:800}
#screenHierarquia .hct-form-actions .hct-primary,#screenHierarquia .hct-editor-tabs .selected{background:#1A557B;color:#fff;border-color:#1A557B}
#screenHierarquia .hct-form-actions .hct-danger{border-color:#c68080;color:#a03b3b}
#screenHierarquia .hct-editor-note{font-size:11px;color:#617e90;line-height:1.55;margin:9px 0}
#screenHierarquia .hct-removed-row{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #e7eef2;padding:9px 0;font-size:11px;color:#345e79}
#screenHierarquia .hct-removed-row span{min-width:0;overflow-wrap:anywhere}
#screenHierarquia .hct-form-actions button:disabled,#screenHierarquia .hct-restore-one:disabled{opacity:.55;cursor:wait}
@media(max-width:700px){#screenHierarquia .hct-view{height:calc(100vh - 250px);min-height:420px}}

/* Inspecao do arquivo fotografico sem depender do zoom da arvore. */
#screenHierarquia .hct-face img[role="button"]{cursor:zoom-in;outline-offset:2px}
#screenHierarquia .hct-face img[role="button"]:focus-visible{outline:3px solid #267aa7}
#screenHierarquia .hct-photo-preview{
 position:fixed;inset:0;z-index:99999;
 display:flex;align-items:center;justify-content:center;
 background:rgba(10,27,42,.88);padding:52px 24px 28px;
}
#screenHierarquia .hct-photo-preview img{
 display:block;max-width:min(92vw,1100px);max-height:calc(100vh - 96px);
 width:auto;height:auto;object-fit:contain;
 border-radius:8px;background:#f2f6f9;box-shadow:0 18px 55px rgba(0,0,0,.3);
}
#screenHierarquia .hct-photo-close{
 position:absolute;right:16px;top:12px;
 padding:9px 15px;border:1px solid #e2edf4;border-radius:7px;
 background:#fff;color:#153d5a;font-size:12px;font-weight:800;cursor:pointer;
}


/* Inclusão diretamente em cada espaço vazio da grade original. */
#screenHierarquia .hct-vacant{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:7px;
  min-height:180px;
  background:var(--chain-soft,#F4F9FC);
  border:1px dashed var(--chain-light-border,#C7DCE8);
}
#screenHierarquia .hct-add-slot{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:60px;
  padding:8px 5px;
  border:1px dashed var(--chain-medium,#2A6E97);
  border-radius:7px;
  background:rgba(255,255,255,.86);
  color:var(--chain-main,#285676);
  text-align:center;
  font-size:10px;
  font-weight:800;
  line-height:1.4;
  cursor:pointer;
}
#screenHierarquia .hct-add-slot:hover,#screenHierarquia .hct-add-slot:focus-visible{
  background:#fff;
  border-style:solid;
  outline:2px solid var(--chain-light-border,#C7DCE8);
}
#screenHierarquia .hct-manual-choice{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px;
  background:#F2F7FB;
  border:1px solid #D5E4EE;
  border-radius:7px;
  font-size:12px;
  font-weight:700;
  color:#2E5770;
  cursor:pointer;
}
#screenHierarquia .hct-manual-choice input{width:16px;height:16px;accent-color:#1F668C}
#screenHierarquia #hct-manual-wrap[hidden],#screenHierarquia #hct-select-wrap[hidden]{display:none!important}


/* Nitidez e legibilidade das miniaturas: melhoria de enquadramento sem alterar a equipe. */
#screenHierarquia .hct-worker .hct-face {
  width:86px;
  height:101px;
  max-width:100%;
  flex:0 0 auto;
  border-radius:6px;
  border-width:1px;
  background:#e7eef3;
}
#screenHierarquia .hct-worker .hct-face img {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center 18%;
  image-rendering:auto;
  filter:contrast(1.025) saturate(1.035);
  backface-visibility:hidden;
}
#screenHierarquia .hct-worker .hct-person {
  min-width:0;
}
#screenHierarquia .hct-worker .hct-face img[role="button"] {
  cursor:zoom-in;
}
/* Prévia em resolução original, fora da região reduzida pelo zoom da árvore. */
#screenHierarquia .hct-photo-hover {
  position:fixed;
  z-index:2000;
  width:244px;
  max-width:calc(100vw - 24px);
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:8px;
  border-radius:11px;
  border:1px solid #b9d1df;
  background:#fff;
  box-shadow:0 12px 30px rgba(14,41,62,.26);
  pointer-events:none;
  color:#25495d;
}
#screenHierarquia .hct-photo-hover img {
  width:100%;
  height:270px;
  object-fit:contain;
  object-position:center;
  background:#eef3f7;
  border-radius:7px;
  display:block;
  image-rendering:auto;
}
#screenHierarquia .hct-photo-hover figcaption{
  font-size:12px;
  font-weight:750;
  line-height:1.4;
  text-align:center;
  overflow-wrap:anywhere;
}
#screenHierarquia .hct-photo-hover small{
  font-size:10px;
  text-align:center;
  color:#607d90;
}
@media(hover:none),(pointer:coarse){
  #screenHierarquia .hct-photo-hover{display:none!important}
}
