.organization-v3{
  display:grid;
  grid-template-columns:minmax(268px,310px) minmax(0,1fr);
  align-items:stretch;
  gap:0;
  border:1px solid #cfe4d8;
  border-radius:16px;
  background:#fff;
  box-shadow:0 18px 42px #174d3d14,0 3px 10px #174d3d0d;
}
.organization-v3>.panel{min-width:0;margin:0;box-shadow:none}
.organization-v3 .org-sidebar{
  padding:0;
  border:0;
  border-right:1px solid #dcebe3;
  border-radius:16px 0 0 16px;
  background:linear-gradient(160deg,#f6fbf8 0%,#eef8f3 100%);
  max-height:calc(100vh - 165px);
  overflow:auto;
  scrollbar-width:thin;
}
.org-sidebar-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:17px 16px 11px}
.org-sidebar-heading h2{margin:0;color:#214c3f;font-size:17px}
.org-sidebar-heading>span{font-size:11px;color:#6a9182;white-space:nowrap}
.org-sidebar-toolbar{display:flex;gap:8px;padding:0 13px 12px;position:relative}
.org-search{position:relative;display:flex;align-items:center;flex:1;min-width:0;height:39px;background:#fff;border:1px solid #cbded2;border-radius:9px;box-shadow:inset 0 1px 2px #244e3910,0 2px 4px #244e3908}
.org-search:focus-within{border-color:#6aa78d;box-shadow:0 0 0 3px #a5d8bc4d}
.org-search input{width:100%;height:100%;min-width:0;padding:0 10px 0 33px;border:0;outline:0;background:transparent;font-size:13px;color:#264a3f}
.org-search input::placeholder{color:#8ca99b}
.org-search-icon{position:absolute;left:12px;top:10px;width:13px;height:13px;border:1.7px solid #789b8b;border-radius:50%}
.org-search-icon:after{content:'';position:absolute;width:6px;height:1.7px;right:-4px;bottom:-2px;background:#789b8b;transform:rotate(46deg);border-radius:2px}
.org-create-menu,.org-actions-menu{position:relative;flex:none}
.org-create-menu>summary{display:grid;place-items:center;width:39px;height:39px;list-style:none;cursor:pointer;color:#187d75;background:#fff;border:1px solid #bcd9cb;border-radius:9px;font-size:22px;line-height:1;box-shadow:0 3px 8px #1e69591a}
.org-create-menu>summary::-webkit-details-marker,.org-actions-menu>summary::-webkit-details-marker{display:none}
.org-create-menu[open]>summary,.org-create-menu>summary:hover{background:#e9f8ef;border-color:#79b99e}
.org-menu-popover{position:absolute;z-index:25;top:calc(100% + 4px);right:0;min-width:128px;padding:5px;background:#fff;border:1px solid #cde0d5;border-radius:9px;box-shadow:0 14px 30px #174d3d2b}
.org-menu-popover button{display:block;width:100%;border:0;background:transparent;color:#31594c;padding:8px 9px;border-radius:6px;text-align:left;font-size:12px;white-space:nowrap;cursor:pointer}
.org-menu-popover button:hover,.org-menu-popover button:focus-visible{background:#e6f5eb;color:#075f5b;outline:0}
.org-menu-popover button.danger{color:#aa4b43}
.org-menu-popover button.danger:hover{background:#fff1ed}
.org-all-row{display:flex;align-items:center;gap:9px;width:calc(100% - 24px);min-height:37px;margin:0 12px 8px;padding:7px 10px;border:1px solid transparent;border-radius:8px;background:transparent;text-align:left;color:#315447;font-size:13px;font-weight:600;cursor:pointer}
.org-all-row:hover,.org-all-row.active{background:#dff3e7;border-color:#b8dcc8;color:#0d6c60}
.org-all-row>span:nth-child(2){flex:1}
.org-all-row small,.org-branch small{font-size:10px;font-weight:600;color:#799d8a}
.org-connected-tree{padding:0 9px 14px 12px}
.organization-v3 .org-department-node{position:relative;min-width:0;margin:0}
.organization-v3 .org-tree-row{display:flex;align-items:center;min-height:34px;position:relative;gap:2px}
.organization-v3 .org-expand{display:grid;place-items:center;flex:none;width:18px;height:27px;border:0;background:none;cursor:pointer}
.organization-v3 .org-expand:focus-visible{outline:2px solid #65a98d;border-radius:4px}
.organization-v3 .org-expand-empty{visibility:hidden}
.organization-v3 .org-chevron{display:block;width:7px;height:7px;border-right:1.7px solid #7d9f90;border-bottom:1.7px solid #7d9f90;transform:rotate(-45deg);transition:transform .15s ease}
.organization-v3 .org-expand[aria-expanded="true"] .org-chevron{transform:rotate(45deg)}
.organization-v3 .org-branch{display:flex;align-items:center;gap:8px;flex:1;min-width:0;min-height:32px;padding:5px 7px;border:1px solid transparent;border-radius:7px;background:transparent;color:#315347;font-size:12px;text-align:left;cursor:pointer}
.organization-v3 .org-branch:hover{background:#e7f4e9;border-color:#d2e8d9}
.organization-v3 .org-branch.active{background:linear-gradient(90deg,#bbebcf,#daf6e4);border-color:#8fd4ab;color:#0e695e;font-weight:700;box-shadow:inset 3px 0 #1b9a78,0 2px 5px #1c6d4e15}
.org-branch-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.org-folder{position:relative;display:inline-block;flex:none;width:15px;height:11px;margin-top:3px;border-radius:1px 2px 2px 2px;background:linear-gradient(#87b2d7,#6697c4);box-shadow:inset 0 1px #c5dded,0 1px 2px #3b73984d}
.org-folder:before{content:'';position:absolute;left:0;top:-3px;width:7px;height:4px;border-radius:2px 2px 0 0;background:#7ca9cf}
.org-folder-all{filter:hue-rotate(-38deg)}
.org-actions-menu>summary{display:grid;place-items:center;width:34px;height:28px;border-radius:6px;list-style:none;font-size:10px;color:#57937b;cursor:pointer;opacity:0}
.org-tree-row:hover .org-actions-menu>summary,.org-actions-menu[open]>summary,.org-actions-menu>summary:focus-visible{opacity:1;background:#e4f3e9}
.org-actions-menu .org-menu-popover{top:100%}
.organization-v3 .org-children{display:block;margin:0 0 0 9px;padding:0 0 0 8px;border-left:1px solid #b9d6c6}
.organization-v3 .org-children[hidden]{display:none}
.organization-v3 .org-children>.org-department-node:before{content:'';position:absolute;left:-8px;top:16px;width:7px;height:1px;background:#b9d6c6}
.organization-v3 .org-children>.org-department-node:last-child:after{content:'';position:absolute;left:-9px;top:17px;bottom:0;width:2px;background:#eff8f3;pointer-events:none}
.org-sidebar-hint{margin:0;padding:11px 17px 16px;border-top:1px solid #deede3;color:#789587;font-size:11px;line-height:1.5}
.org-search-empty{padding:16px 8px;text-align:center;color:#7d9a8c;font-size:12px}
.organization-v3 .org-roster{padding:0;border:0;border-radius:0 16px 16px 0;background:#fff}
.org-roster-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:78px;padding:17px 22px;border-bottom:1px solid #e4eee8}
.org-roster-header h2{margin:0;font-size:18px;line-height:1.35;color:#183f35;overflow-wrap:anywhere}
.org-roster-count{color:#317765;font-size:15px;font-weight:600;white-space:nowrap}
.org-roster-header p{margin:5px 0 0;font-size:11px}
.org-roster-header select{max-width:140px;flex:none}
.org-roster-toolbar{display:flex;align-items:center;gap:12px;min-height:58px;padding:10px 22px;border-bottom:1px solid #e4eee8;background:#fbfefc}
.org-roster .table-wrap{margin:13px 18px 18px;border-radius:7px;box-shadow:none}
.org-roster table{table-layout:fixed;min-width:790px;font-size:12px}
.org-roster th:nth-child(1){width:10%}.org-roster th:nth-child(2){width:15%}.org-roster th:nth-child(3){width:12%}.org-roster th:nth-child(4){width:12%}.org-roster th:nth-child(5){width:12%}.org-roster th:nth-child(6){width:8%}.org-roster th:nth-child(7){width:31%}
.org-roster th{background:#edf5f0;color:#567769;font-weight:600}
.org-roster td,.org-roster th{padding:11px 12px}
.org-roster td:last-child{white-space:normal;overflow:visible}
.org-roster td:last-child .button{margin:1px;padding:4px 5px;white-space:nowrap}
.org-roster tbody tr:hover td{background:#f5fbf7}
.org-employee-name{font-weight:600;color:#28685c}
@media(max-width:1100px){.organization-v3{grid-template-columns:minmax(230px,270px) minmax(0,1fr)}}
@media(max-width:800px){.organization-v3{grid-template-columns:1fr}.organization-v3 .org-sidebar{max-height:410px;border-right:0;border-bottom:1px solid #dcebe3;border-radius:16px 16px 0 0}.organization-v3 .org-roster{border-radius:0 0 16px 16px}.org-actions-menu>summary{opacity:1}.org-roster-header{padding:14px 16px}.org-roster-toolbar{padding:10px 16px}.org-roster .table-wrap{margin:12px}}
@media(max-width:500px){.org-roster-header{align-items:flex-start;flex-wrap:wrap}.org-roster-header h2{font-size:16px}.org-roster-header select{width:100%;max-width:100%}.org-roster-toolbar{flex-wrap:wrap}.org-roster table{min-width:650px}}