/* ORGANOGRAMA FOTOGRÁFICO — somente na tela da Linha C. */
#screenHierarquia{padding:18px 18px 40px;background:#eef3f7;color:#24445c;min-height:calc(100vh - 80px);font:13px Arial,Helvetica,sans-serif}
#screenHierarquia *{box-sizing:border-box}
#screenHierarquia button,#screenHierarquia input,#screenHierarquia select{font:inherit}
#screenHierarquia .hc-header{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:15px}
#screenHierarquia .hc-header small{display:block;font-size:10px;letter-spacing:1px;color:#51809b;font-weight:800}
#screenHierarquia .hc-header h1{font-size:23px;color:#143d59;margin:5px 0;line-height:1.2}
#screenHierarquia .hc-header p{font-size:12px;color:#627c8f;margin:0}
#screenHierarquia .hc-btn{border-radius:7px;border:1px solid #abc9d9;color:#1c5579;background:#fff;padding:9px 13px;font-size:11px;font-weight:800;cursor:pointer}
#screenHierarquia .hc-btn.primary{background:#173d5b;color:white;border-color:#173d5b}
#screenHierarquia .hc-btn:disabled{opacity:.55;cursor:not-allowed}
#screenHierarquia .hc-toolbar{display:flex;gap:11px;align-items:end;flex-wrap:wrap;padding:13px;background:white;border:1px solid #d8e4eb;border-radius:10px;margin:10px 0}
#screenHierarquia .hc-toolbar label{display:flex;flex-direction:column;gap:5px;min-width:150px;flex:1 1 180px;color:#6a899e;font-size:10px;font-weight:800}
#screenHierarquia .hc-toolbar input,#screenHierarquia .hc-toolbar select{height:38px;background:#fff;border:1px solid #bfd0dc;border-radius:6px;padding:7px 10px;font-size:12px;width:100%;min-width:0}
#screenHierarquia .hc-tabs{display:flex;gap:6px;border-bottom:1px solid #ccdae4;margin:11px 0 14px;flex-wrap:wrap}
#screenHierarquia .hc-tabs button{cursor:pointer;border:0;background:transparent;padding:12px 14px;font-weight:800;font-size:11px;color:#7890a0;border-bottom:3px solid transparent}
#screenHierarquia .hc-tabs button.active{color:#1c5d87;border-bottom-color:#267eaf}
#screenHierarquia .hc-summary{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:17px}
#screenHierarquia .hc-summary span{border:1px solid #d9e5ec;background:#fff;border-radius:20px;padding:8px 12px;color:#628096;font-size:11px}
#screenHierarquia .hc-summary b{font-size:14px;color:#194967}
#screenHierarquia .hc-tree{width:100%;min-width:0}
#screenHierarquia .hc-supervisor{width:min(390px,100%);margin:0 auto;background:#fff;border:1px solid #cddfeb;border-top:5px solid #173b57;border-radius:13px;padding:12px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 15px #1e4b6712}
#screenHierarquia .hc-supervisor .hc-profile{flex:1;min-width:0}
#screenHierarquia .hc-role{font-size:10px;letter-spacing:.5px;font-weight:900;color:#4285aa}
#screenHierarquia .hc-supervisor strong,#screenHierarquia .hc-group-node strong,#screenHierarquia .hc-team-node strong{display:block;font-size:13px;color:#173d59;line-height:1.3;margin:4px 0}
#screenHierarquia .hc-profile small{font-size:10px;color:#698599;display:block;line-height:1.4}
#screenHierarquia .hc-line-down{width:2px;height:29px;margin:0 auto;background:#9fb9c9}
#screenHierarquia .hc-branches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;position:relative;padding-top:17px}
#screenHierarquia .hc-branches:before{content:"";height:2px;position:absolute;top:0;left:25%;right:25%;background:#9fb9c9}
#screenHierarquia .hc-group-branch{position:relative;min-width:0;background:#fff;border:1px solid #d2e0e9;border-radius:12px;padding:12px;box-shadow:0 4px 18px #163d5910}
#screenHierarquia .hc-group-branch:before{content:"";position:absolute;top:-18px;left:50%;height:17px;width:2px;background:#9fb9c9}
#screenHierarquia .hc-group-node{display:flex;gap:13px;align-items:center;background:#f5f9fc;padding:12px;border:1px solid #dce8ef;border-radius:9px}
#screenHierarquia .hc-group-node .hc-profile{min-width:0;flex:1}
#screenHierarquia .hc-group-node .hc-photo-wrap{width:86px;height:94px}
#screenHierarquia .hc-avatar{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block;border-radius:8px}
#screenHierarquia .hc-photo-wrap{display:grid;place-items:center;position:relative;border-radius:8px;flex:none;overflow:hidden;width:62px;height:70px;background:#e7edf2;border:1px solid #d0dce3}
#screenHierarquia .hc-placeholder{width:100%;height:100%;display:grid;place-items:center;align-content:center;text-align:center;font-weight:700;color:#5c7891;font-size:19px;gap:3px}
#screenHierarquia .hc-placeholder small{font-size:8px;color:#6d899e;font-weight:700}
#screenHierarquia .hc-group-metrics{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
#screenHierarquia .hc-chip{border:1px solid #dae6ed;background:#fff;color:#4d728a;padding:5px 7px;border-radius:5px;font-size:10px}
#screenHierarquia .hc-chip b{color:#184564}
#screenHierarquia .hc-team-title{text-align:center;font-size:10px;font-weight:900;letter-spacing:.8px;color:#698699;margin:0;padding:12px 0}
#screenHierarquia .hc-team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
#screenHierarquia .hc-subtree{min-width:0;border:1px solid #d5e5ed;border-radius:10px;background:#fbfdfe;padding:9px;position:relative}
#screenHierarquia .hc-team-node{display:flex;align-items:center;gap:9px;border:1px solid #dbe8ee;background:#fff;border-radius:9px;padding:9px}
#screenHierarquia .hc-team-node .hc-profile{flex:1;min-width:0}
#screenHierarquia .hc-team-node strong{font-size:11px}
#screenHierarquia .hc-team-node .hc-role{font-size:9px}
#screenHierarquia .hc-team-node .hc-photo-wrap{width:64px;height:72px}
#screenHierarquia .hc-supervisor .hc-photo-wrap{width:70px;height:78px}
#screenHierarquia .hc-tree-connector{width:2px;height:16px;margin:0 auto;background:#a1bdce}
#screenHierarquia .hc-person-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(91px,1fr));gap:7px}
#screenHierarquia .hc-portrait{border:1px solid #d8e3e9;border-radius:8px;background:#fff;padding:6px 5px;min-width:0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px;box-shadow:0 1px 5px #20455a0a}
#screenHierarquia .hc-portrait .hc-photo-wrap{width:min(100%,94px);height:97px}
#screenHierarquia .hc-portrait .hc-name{width:100%;font-size:9px;line-height:1.3;font-weight:800;color:#284f68;overflow-wrap:anywhere;min-height:24px}
#screenHierarquia .hc-portrait .hc-reg{font-size:8px;color:#7992a3}
#screenHierarquia .hc-portrait .hc-range{width:100%;font-size:8px;color:#648096;line-height:1.2;overflow-wrap:anywhere}
#screenHierarquia .hc-score{font-weight:900;font-size:10px;color:#1e668d;background:#edf6fb;border:1px solid #d5e9f4;padding:3px 5px;border-radius:5px}
#screenHierarquia .hc-score.missing{background:#f1f4f6;color:#8ca0aa;border-color:#e2e7eb}
#screenHierarquia .hc-abs{color:#b85549;border-radius:5px;border:1px solid #efd0c9;background:#fff3ef;padding:3px 5px;font-size:9px}
#screenHierarquia .hc-station{font-size:9px;color:#6c8ba0}
#screenHierarquia .hc-empty{padding:26px;background:#fff;border:1px solid #d8e3ea;border-radius:8px;color:#728c9e;text-align:center;font-size:12px}
#screenHierarquia .hc-orphans{margin-top:16px;padding:16px;background:#fff;border:1px solid #d2e0e9;border-left:4px solid #d7a65c;border-radius:10px}
#screenHierarquia .hc-orphans h3{font-size:13px;color:#946f35;margin:0 0 7px}
#screenHierarquia .hc-orphans p{font-size:11px;color:#697e8e;margin:0 0 10px}
#screenHierarquia .hc-orphan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:9px}
#screenHierarquia .hc-panel{background:#fff;border:1px solid #d7e4eb;border-radius:10px;padding:16px}
#screenHierarquia .hc-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#screenHierarquia .hc-panel h2{font-size:14px;color:#1d4a67;margin:0 0 13px}
#screenHierarquia .hc-barrow{display:grid;grid-template-columns:minmax(100px,155px) 1fr 56px;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #edf2f5}
#screenHierarquia .hc-barrow b{font-size:10px;color:#2b5670;line-height:1.4;overflow-wrap:anywhere}
#screenHierarquia .hc-track{height:11px;border-radius:18px;background:#edf3f7;overflow:hidden}
#screenHierarquia .hc-track span{height:100%;background:#3c8cb9;display:block;border-radius:18px}
#screenHierarquia .hc-note{font-size:11px;color:#6e8596;line-height:1.65;margin:13px 0 0}
#screenHierarquia .hc-import{max-width:850px;margin:12px auto;background:white;border:1px solid #cee0e9;border-radius:13px;padding:20px}
#screenHierarquia .hc-import h2{margin:0 0 10px;font-size:17px;color:#174767}
#screenHierarquia .hc-import p{color:#5b778a;font-size:12px;line-height:1.6}
#screenHierarquia .hc-import-result{margin-top:12px;padding:12px;background:#f0f8fc;border:1px solid #d6e8f1;border-radius:8px;font-size:12px;line-height:1.8}
#screenHierarquia .hc-import-progress{height:10px;background:#e2edf4;border-radius:8px;overflow:hidden;margin-top:10px}
#screenHierarquia .hc-import-progress span{background:#378ab8;height:100%;display:block;transition:width .2s}
#screenHierarquia .hc-warn{border-left:3px solid #d6a556;padding:10px 12px;background:#fff9ef;color:#855f35;font-size:11px;line-height:1.5}
#screenHierarquia .hc-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:15px}
#screenHierarquia .hc-footer{color:#7b90a0;font-size:10px;line-height:1.6;margin-top:16px}
@media(max-width:1190px){#screenHierarquia .hc-branches{grid-template-columns:1fr;padding-top:0}#screenHierarquia .hc-branches:before,#screenHierarquia .hc-group-branch:before{display:none}#screenHierarquia .hc-comparison{grid-template-columns:1fr}}
@media(max-width:600px){#screenHierarquia{padding:10px}#screenHierarquia .hc-group-node{flex-wrap:wrap}#screenHierarquia .hc-team-grid{grid-template-columns:1fr}#screenHierarquia .hc-header h1{font-size:19px}#screenHierarquia .hc-portrait .hc-photo-wrap{height:91px}}

/* Foto sobreposta ao substituto por iniciais; preserva leitura se o arquivo falhar. */
#screenHierarquia .hc-photo-wrap .hc-placeholder{position:absolute;inset:0;z-index:0}
#screenHierarquia .hc-photo-wrap .hc-avatar{position:relative;z-index:1}