.hierarchy-v2-page{--oh-purple:#6d28d9;--oh-blue:#2563eb;--oh-green:#16a34a;--oh-line:#cbd5e1;color:var(--text,#172033)}
.oh-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.oh-page-head h2{font-size:1.55rem;margin:0 0 .2rem}.oh-page-head p{color:var(--muted,#64748b);margin:0;font-size:.9rem}.oh-head-actions{display:flex;gap:.65rem;flex-wrap:wrap}.oh-view-tabs{display:inline-flex;background:var(--surface,#fff);border:1px solid var(--border,#e2e8f0);border-radius:12px;padding:4px;margin-bottom:.9rem;box-shadow:0 5px 16px rgba(15,23,42,.04)}.oh-view-tabs button{border:0;background:transparent;border-radius:9px;padding:.62rem .9rem;color:#64748b;font-weight:800;cursor:pointer}.oh-view-tabs button.active{color:#fff;background:linear-gradient(135deg,#7c3aed,#2563eb)}.oh-view-tabs i{margin-right:.35rem}
.oh-notice,.ah-linked-note{display:flex;align-items:center;gap:.55rem;border:1px solid #bbf7d0;background:#f0fdf4;color:#166534;border-radius:10px;padding:.65rem .8rem;font-size:.82rem;margin-bottom:.85rem}.ah-linked-note{border-color:#c7d2fe;background:#eef2ff;color:#3730a3}.oh-org-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:1rem;align-items:stretch}.oh-org-canvas,.oh-employee-pool{background:var(--surface,#fff);border:1px solid var(--border,#e2e8f0);border-radius:14px;box-shadow:0 7px 24px rgba(15,23,42,.05);min-width:0}.oh-canvas-tools{height:48px;border-bottom:1px solid var(--border,#e2e8f0);padding:0 .85rem;display:flex;align-items:center;justify-content:space-between;color:#64748b;font-size:.8rem;font-weight:700}.oh-canvas-tools>div{display:flex;align-items:center;gap:.25rem}.oh-canvas-tools button{width:30px;height:30px;border:1px solid #dbe2ec;border-radius:8px;background:var(--surface,#fff);color:inherit;cursor:pointer}.oh-canvas-tools b{min-width:48px;text-align:center}
.oh-tree-scroll{overflow:auto;min-height:690px;padding:1.2rem}.oh-org-tree{min-width:1020px;transform:scale(var(--oh-scale));transform-origin:top center;display:flex;flex-direction:column;align-items:center;transition:transform .15s ease;padding-bottom:1rem}.oh-vline{height:30px;width:2px;background:var(--oh-line)}.oh-level{display:flex;justify-content:center;gap:14px;position:relative}.oh-manager-level:before,.oh-hod-level:before{content:"";position:absolute;height:2px;background:var(--oh-line);top:-16px;left:9%;right:9%}.oh-manager-level>.oh-manager-column:before,.oh-hod-level>.oh-role-card:before{content:"";position:absolute;width:2px;height:16px;background:var(--oh-line);top:-16px;left:50%}.oh-manager-column{width:186px;position:relative}.oh-manager-slot{width:100%}.oh-hod-level{margin-top:24px}.oh-hod-slot{width:210px;position:relative}.oh-academic-branch{margin-top:26px;border:1px dashed #c4b5fd;border-radius:13px;padding:1.2rem 1rem 1rem;background:#faf8ff;position:relative}.oh-academic-branch>span{position:absolute;top:-10px;left:14px;background:#faf8ff;color:#6d28d9;padding:0 .45rem;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.oh-role-card{box-sizing:border-box;width:225px;min-height:118px;border:1.5px solid #8b5cf6;background:var(--surface,#fff);border-radius:11px;padding:.7rem;box-shadow:0 5px 15px rgba(76,29,149,.07);transition:.15s;position:relative}.oh-role-card header{display:flex;align-items:center;justify-content:space-between;gap:.4rem;color:#6d28d9;font-size:.78rem;font-weight:900;margin-bottom:.65rem}.oh-role-card header>span{display:flex;align-items:center;gap:.38rem}.oh-role-card header button{border:0;background:#fee2e2;color:#dc2626;width:22px;height:22px;border-radius:50%;cursor:pointer}.oh-role-card.oh-director{border-color:#7c3aed;background:linear-gradient(180deg,#faf5ff,#fff);width:235px}.oh-role-card.oh-principal{width:235px}.oh-role-card.oh-hod-slot{border-color:#22c55e}.oh-role-card.oh-hod-slot header{color:#15803d}.oh-role-card.is-vacant{border-style:dashed;background:#fbfaff}.oh-role-card.dragover,.oh-support-drop.dragover{outline:3px solid rgba(37,99,235,.2);border-color:#2563eb;transform:translateY(-2px);background:#eff6ff}.oh-role-person{display:flex;align-items:center;gap:.55rem}.oh-role-person>div{min-width:0}.oh-role-person strong,.oh-role-person small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oh-role-person strong{font-size:.81rem}.oh-role-person small{color:#64748b;font-size:.69rem;margin-top:.14rem}.oh-role-person em{display:inline-block;font-style:normal;font-size:.59rem;color:#166534;background:#dcfce7;border-radius:999px;padding:.15rem .33rem;margin:.25rem .2rem 0 0}.oh-vacant{display:flex;flex-direction:column;align-items:center;gap:.2rem;color:#64748b;text-align:center}.oh-vacant>span{width:36px;height:36px;border-radius:50%;background:#ede9fe;color:#7c3aed;display:grid;place-items:center}.oh-vacant strong{font-size:.78rem}.oh-vacant small{font-size:.63rem}.oh-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ede9fe,#dbeafe);color:#5b21b6;font-size:.72rem;font-weight:900;border:2px solid #fff;box-shadow:0 0 0 1px #ddd6fe;overflow:hidden}.oh-avatar img{width:100%;height:100%;object-fit:cover}.oh-avatar.small{width:32px;height:32px;flex-basis:32px}.oh-avatar.tiny{width:22px;height:22px;flex-basis:22px;font-size:.55rem;border-width:1px}
.oh-support-drop{box-sizing:border-box;margin-top:.45rem;border:1px solid #dbe2ec;background:var(--surface,#fff);border-radius:9px;min-height:54px;padding:.42rem;transition:.15s}.oh-support-drop header{display:flex;justify-content:space-between;align-items:center;color:#475569;font-size:.61rem;font-weight:900;margin-bottom:.3rem}.oh-support-drop header button{border:0;background:#ede9fe;color:#6d28d9;border-radius:6px;width:21px;height:21px;cursor:pointer}.oh-support-drop>div{display:flex;flex-wrap:wrap;gap:.25rem}.oh-support-drop>div>small{color:#94a3b8;font-size:.59rem;padding:.18rem}.oh-support-chip{display:flex;align-items:center;gap:.22rem;max-width:100%;border-radius:999px;background:#f1f5f9;padding:.12rem .2rem}.oh-support-chip b{font-size:.58rem;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oh-support-chip button{border:0;background:transparent;color:#dc2626;padding:0;cursor:pointer}.oh-legend{display:flex;gap:1rem;flex-wrap:wrap;padding:.8rem;border-top:1px solid #e2e8f0;color:#64748b;font-size:.68rem}.oh-legend span{display:flex;align-items:center;gap:.3rem}.oh-legend i{width:11px;height:11px;border-radius:3px}.oh-legend i.senior{background:#7c3aed}.oh-legend i.hod{background:#16a34a}.oh-legend i.junior{background:#64748b}.oh-legend i.locked{background:#1e293b}
.oh-employee-pool{display:flex;flex-direction:column;min-height:760px;max-height:760px;position:sticky;top:12px}.oh-employee-pool>header{display:flex;align-items:center;justify-content:space-between;padding:.9rem;border-bottom:1px solid #e2e8f0}.oh-employee-pool>header>div{display:flex;align-items:center;gap:.45rem}.oh-employee-pool>header i{color:#6d28d9}.oh-employee-pool>header strong{font-size:.85rem}.oh-employee-pool>header>span{background:#ede9fe;color:#6d28d9;padding:.2rem .43rem;border-radius:999px;font-size:.7rem;font-weight:900}.oh-pool-search{display:flex;align-items:center;gap:.4rem;margin:.75rem;border:1px solid #dbe2ec;border-radius:10px;padding:0 .7rem;color:#94a3b8}.oh-pool-search input{border:0;outline:0;background:transparent;width:100%;padding:.65rem 0;color:inherit}.oh-pool-filters{display:flex;gap:.28rem;padding:0 .75rem .65rem}.oh-pool-filters button{flex:1;border:1px solid #dbe2ec;background:transparent;color:#64748b;border-radius:8px;padding:.4rem .2rem;font-size:.68rem;font-weight:800;cursor:pointer}.oh-pool-filters button.active{background:#6d28d9;color:#fff;border-color:#6d28d9}.oh-employee-list{padding:0 .7rem .7rem;overflow:auto;display:flex;flex-direction:column;gap:.42rem;flex:1}.oh-employee-card{width:100%;border:1px solid #e2e8f0;background:var(--surface,#fff);border-radius:10px;padding:.55rem;display:flex;align-items:center;gap:.5rem;text-align:left;color:inherit;cursor:grab;transition:.14s}.oh-employee-card:hover,.oh-employee-card.selected{border-color:#8b5cf6;background:#faf5ff;box-shadow:0 4px 12px rgba(109,40,217,.08)}.oh-employee-card>span:nth-child(2){min-width:0;flex:1}.oh-employee-card strong,.oh-employee-card small,.oh-employee-card em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oh-employee-card strong{font-size:.78rem}.oh-employee-card small{font-size:.64rem;color:#64748b}.oh-employee-card em{font-size:.61rem;color:#6d28d9;font-style:normal;margin-top:.15rem}.oh-employee-card>i{color:#94a3b8}.oh-employee-pool>footer{display:flex;gap:.4rem;border-top:1px solid #e2e8f0;padding:.75rem;color:#64748b;font-size:.65rem;line-height:1.4}.oh-employee-pool>footer i{color:#6d28d9;margin-top:.15rem}.oh-pool-empty{text-align:center;color:#94a3b8;padding:2rem .5rem}.oh-pool-empty i{font-size:1.5rem}.oh-pool-empty p{font-size:.75rem}
.oh-dialog-overlay{position:fixed;inset:0;background:rgba(15,23,42,.58);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;transition:.18s}.oh-dialog-overlay.open{opacity:1}.oh-dialog{width:min(620px,96vw);max-height:82vh;background:var(--surface,#fff);border-radius:15px;box-shadow:0 25px 70px rgba(15,23,42,.25);overflow:hidden;transform:translateY(10px);transition:.18s}.oh-dialog-overlay.open .oh-dialog{transform:none}.oh-dialog>header{display:flex;justify-content:space-between;padding:1rem 1.1rem;border-bottom:1px solid #e2e8f0}.oh-dialog h3{margin:0;font-size:1rem}.oh-dialog p{margin:.15rem 0 0;color:#64748b;font-size:.73rem}.oh-dialog>header button{border:0;background:#f1f5f9;width:32px;height:32px;border-radius:9px;cursor:pointer}.oh-history-list{padding:.8rem;max-height:65vh;overflow:auto}.oh-history-list article{display:flex;gap:.65rem;padding:.7rem;border-bottom:1px solid #eef2f7}.oh-history-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ede9fe;color:#6d28d9}.oh-history-list article strong{font-size:.8rem}.oh-history-list article p{font-size:.72rem;color:#475569}.oh-history-list article small{font-size:.63rem;color:#94a3b8}.oh-history-empty{text-align:center;padding:2rem;color:#94a3b8}
.ah-toolbar{display:flex;justify-content:space-between;gap:.75rem;margin-bottom:.7rem}.ah-toolbar label{display:flex;align-items:center;gap:.45rem;border:1px solid #dbe2ec;background:var(--surface,#fff);border-radius:10px;padding:0 .7rem;width:min(340px,100%);color:#94a3b8}.ah-toolbar input{border:0;outline:0;background:transparent;padding:.65rem 0;width:100%;color:inherit}.ah-toolbar>div{display:flex;border:1px solid #dbe2ec;border-radius:9px;padding:3px;background:var(--surface,#fff)}.ah-toolbar button{border:0;background:transparent;border-radius:7px;padding:.48rem .7rem;color:#64748b;font-weight:800;cursor:pointer}.ah-toolbar button.active{background:#6d28d9;color:#fff}.ah-tree{background:var(--surface,#fff);border:1px solid var(--border,#e2e8f0);border-radius:14px;padding:1.1rem;overflow:auto;min-height:650px}.ah-top-node{width:330px;margin:0 auto 52px;border:1.5px solid #8b5cf6;border-radius:11px;padding:.65rem;display:flex;align-items:center;gap:.6rem;position:relative}.ah-top-node:after{content:"";position:absolute;width:2px;height:40px;background:#64748b;left:50%;bottom:-41px}.ah-top-node>div{flex:1}.ah-top-node strong,.ah-top-node span{display:block}.ah-top-node strong{color:#6d28d9;font-size:.8rem}.ah-top-node span{font-size:.74rem;margin-top:.1rem}.ah-top-node em{font-size:.62rem;font-style:normal;color:#6d28d9;background:#ede9fe;padding:.2rem .36rem;border-radius:6px}.ah-group-grid{min-width:960px;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;position:relative}.ah-group-grid:before{content:"";position:absolute;height:2px;background:#64748b;top:-22px;left:16.5%;right:16.5%}.ah-group{position:relative}.ah-group:before{content:"";position:absolute;width:2px;height:22px;background:#64748b;top:-22px;left:50%}.ah-group>header{display:flex;align-items:center;gap:.55rem;border:1.5px solid #22c55e;border-radius:10px;padding:.6rem;background:#f8fff9;margin-bottom:.6rem}.ah-group>header>div{min-width:0}.ah-group>header strong,.ah-group>header span,.ah-group>header small{display:block}.ah-group>header strong{font-size:.79rem;color:#15803d}.ah-group>header span{font-size:.72rem}.ah-group>header small{font-size:.61rem;color:#64748b}.ah-unit-list{display:flex;flex-direction:column;gap:.38rem}.ah-unit{border:1px solid #dbe2ec;border-radius:9px;background:var(--surface,#fff);overflow:hidden}.ah-unit>button{border:0;background:transparent;width:100%;display:flex;align-items:center;gap:.45rem;padding:.48rem;color:inherit;text-align:left;cursor:pointer}.ah-unit>button>span:first-child{display:flex;align-items:center;gap:.4rem;flex:1;min-width:0}.ah-unit>button strong,.ah-unit>button small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ah-unit>button strong{font-size:.72rem}.ah-unit>button small{font-size:.61rem;color:#64748b}.ah-unit>button em{font-size:.58rem;font-style:normal;color:#15803d;background:#dcfce7;border-radius:999px;padding:.18rem .3rem}.ah-unit>button>i{font-size:.66rem;color:#475569}.ah-unit.expanded{border-color:#22c55e}.ah-subjects{border-top:1px solid #dcfce7;background:#f8fff9;padding:.5rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.ah-subjects>div{display:flex;align-items:center;gap:.35rem;background:#fff;border:1px solid #e2e8f0;border-radius:7px;padding:.35rem;min-width:0}.ah-subjects strong,.ah-subjects small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ah-subjects strong{font-size:.61rem}.ah-subjects small{font-size:.56rem;color:#64748b}.ah-subjects p,.ah-no-unit{color:#94a3b8;font-size:.67rem;text-align:center;padding:.7rem}.ah-tree.list-mode .ah-group-grid{grid-template-columns:1fr}.ah-tree.list-mode .ah-group-grid:before,.ah-tree.list-mode .ah-group:before{display:none}.ah-tree.list-mode .ah-top-node{margin-bottom:1rem}.ah-tree.list-mode .ah-top-node:after{display:none}.ah-tree.list-mode .ah-unit-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.oh-tree-scroll{min-height:585px}.oh-employee-pool{min-height:655px;max-height:655px}.oh-manager-column{width:190px}.oh-role-card.oh-manager-slot{width:190px}.oh-academic-team{width:240px;margin-left:-25px;padding:.38rem}.oh-support-drop.oh-academic-team>header{padding:0 .15rem}.oh-hod-mini-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%;margin:.25rem 0 .35rem}.oh-hod-mini{box-sizing:border-box;min-width:0;min-height:86px;border:1px solid #22c55e;border-radius:8px;background:#f8fff9;padding:.3rem .18rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;transition:.15s}.oh-hod-mini>header{width:100%;display:flex;align-items:center;justify-content:center;min-height:25px;color:#15803d!important;font-size:.53rem!important;line-height:1.15;margin:0 0 .18rem!important}.oh-hod-mini>header button{position:absolute;right:2px;top:2px;border:0;background:#fee2e2;color:#dc2626;border-radius:50%;width:15px;height:15px;padding:0;font-size:.48rem;cursor:pointer}.oh-hod-mini>strong{display:block;max-width:100%;font-size:.52rem;line-height:1.15;margin-top:.18rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oh-hod-mini.is-vacant{border-style:dashed;color:#64748b}.oh-hod-mini.dragover{outline:3px solid rgba(37,99,235,.2);border-color:#2563eb;background:#eff6ff;transform:translateY(-2px)}.oh-mini-vacant{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#ede9fe;color:#6d28d9;font-size:.58rem}.oh-support-members{display:flex!important;flex-wrap:wrap;gap:.25rem;min-height:18px}.oh-support-members>small{color:#94a3b8;font-size:.56rem;padding:.1rem}.oh-manager-column:first-child{z-index:2}
@media(max-width:1200px){.oh-org-layout{grid-template-columns:1fr}.oh-employee-pool{position:static;min-height:460px;max-height:560px}.oh-tree-scroll{min-height:620px}.ah-tree{padding:.8rem}}@media(max-width:700px){.oh-page-head,.ah-toolbar{flex-direction:column}.oh-head-actions{width:100%}.oh-head-actions .btn{flex:1}.oh-notice{align-items:flex-start}.oh-tree-scroll{padding:.7rem}.oh-org-tree{transform-origin:top left}.ah-toolbar label{width:100%}.ah-group-grid{min-width:820px}.ah-top-node{width:280px}.ah-tree.list-mode .ah-group-grid{min-width:0}.ah-tree.list-mode .ah-unit-list{grid-template-columns:1fr}}

/* Six-level organization chart. Levels 5–6 are deliberately compact,
   solid and read-only because Academic Settings owns those assignments. */
.oh-org-tree{min-width:1240px;padding-bottom:2rem}.oh-stage-label{display:inline-flex;align-items:center;gap:.35rem;position:relative;z-index:4;isolation:isolate;margin:.18rem 0 .8rem;padding:.18rem .58rem;border:1px solid var(--border,#e2e8f0);border-radius:999px;background:var(--surface,#fff);box-shadow:0 0 0 7px var(--surface,#fff);color:#475569;font-size:.67rem;font-weight:850;line-height:1.2}.oh-stage-label span,.oh-linked-level-head span,.oh-level6-title span{display:inline-flex;align-items:center;border-radius:999px;background:#ede9fe;color:#6d28d9;padding:.16rem .42rem;font-size:.58rem;font-weight:900;letter-spacing:.03em;text-transform:uppercase}.oh-principal-column{width:235px;position:relative}.oh-principal-column>.oh-support-drop{width:235px}.oh-manager-level{align-items:flex-start}.oh-hod-level{align-items:flex-start;width:100%;gap:18px;margin-top:0}.oh-hod-level:before{left:16%;right:16%}.oh-hod-level>.oh-hod-column:before{content:"";position:absolute;width:2px;height:16px;background:var(--oh-line);top:-16px;left:50%}.oh-hod-column{position:relative;width:390px;display:flex;flex-direction:column;align-items:center}.oh-role-card.oh-hod-slot{width:225px;min-height:112px}.oh-vline-compact{height:18px}.oh-linked-level-head{display:flex;align-items:center;gap:.35rem;color:#166534;font-size:.67rem;font-weight:900;margin:.1rem 0 .45rem}.oh-linked-level-head i{color:#64748b;font-size:.58rem}.oh-class-stack{width:100%;display:flex;flex-direction:column;gap:.55rem}.oh-class-branch{position:relative;border:1px solid #dbe2ec;border-radius:10px;background:#f8fafc;padding:.45rem}.oh-class-branch:before{content:"";position:absolute;width:2px;height:10px;background:var(--oh-line);top:-10px;left:50%}.oh-linked-card{box-sizing:border-box;border:1px solid #94a3b8;border-radius:8px;background:var(--surface,#fff);display:flex;align-items:center;gap:.38rem;min-width:0}.oh-class-teacher-card{min-height:52px;padding:.38rem .45rem;border-color:#16a34a}.oh-linked-card>div{min-width:0;flex:1}.oh-linked-card strong,.oh-linked-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oh-linked-card strong{font-size:.66rem}.oh-linked-card small{font-size:.58rem;color:#64748b;margin-top:.08rem}.oh-linked-badge{display:grid;place-items:center;flex:0 0 25px;height:25px;border-radius:7px;background:#dcfce7;color:#15803d;font-size:.55rem;font-weight:900}.oh-level6-title{display:flex;align-items:center;gap:.3rem;margin:.35rem 0 .28rem;color:#475569;font-size:.6rem;font-weight:850}.oh-level6-title span{background:#e0f2fe;color:#0369a1;font-size:.5rem}.oh-subject-teacher-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem}.oh-subject-teacher-card{min-height:45px;padding:.3rem .35rem;border-color:#64748b}.oh-subject-teacher-card .oh-linked-badge{background:#e0f2fe;color:#0369a1}.oh-subject-teacher-card.is-unassigned{color:#64748b;background:#f8fafc}.oh-linked-empty{width:100%;border:1px solid #94a3b8;border-radius:8px;background:#f8fafc;color:#64748b;text-align:center;padding:.75rem;font-size:.67rem;font-weight:750}.oh-legend i.locked{background:#64748b}
.oh-class-teacher-card{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer}.oh-class-teacher-card>em{font-size:.52rem;font-style:normal;color:#15803d;background:#dcfce7;border-radius:999px;padding:.17rem .3rem;white-space:nowrap}.oh-class-teacher-card>i{font-size:.58rem;color:#15803d}.oh-class-branch.collapsed{padding:.35rem}.oh-class-branch.expanded{border-color:#86efac;background:#f0fdf4}
@media(max-width:1400px){.oh-hod-column{width:350px}.oh-org-tree{min-width:1120px}.oh-subject-teacher-list{grid-template-columns:1fr}}