/* Conventional organization chart: management, departments, then people. */
.org-visual-chart--primary{overflow:hidden;padding:24px}.org-modern-chart{margin-top:24px;padding:24px;border:1px solid #dce5ef;border-radius:20px;background:linear-gradient(180deg,#f8fafd,#fff)}
.org-modern-management{display:grid;justify-items:center}.org-modern-management>small{margin-bottom:9px;color:#ef2d35;font-size:calc(9px + var(--ui-font-add, 3px));font-weight:900}.org-modern-management>div{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.org-modern-person{min-width:165px;display:grid;grid-template-columns:40px 1fr;align-items:center;gap:2px 9px;padding:10px 12px;border:1px solid #d9e3ef;border-radius:14px;background:#fff;text-align:right;color:#183b83;box-shadow:0 9px 24px rgba(31,58,105,.07)}.org-modern-person>span{grid-row:1/4;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#e7eefb;color:#284494;font-weight:900}.org-modern-person strong,.org-modern-person small,.org-modern-person em{display:block}.org-modern-person strong{font-size:calc(10px + var(--ui-font-add, 3px))}.org-modern-person small{color:#667793;font-size:calc(8px + var(--ui-font-add, 3px))}.org-modern-person em{margin-top:2px;color:#8a96a8;font-size:calc(7px + var(--ui-font-add, 3px));font-style:normal}.org-modern-person.management{min-width:225px;border:2px solid #284494;background:linear-gradient(145deg,#fff,#edf3fe)}.org-modern-person.management>span{background:#284494;color:#fff}.org-modern-person.lead{border-color:#8fa9d4;background:#f0f5fd}.org-modern-person.lead:after{content:"مسئول واحد";grid-column:2;padding-top:3px;color:#ef2d35;font-size:calc(7px + var(--ui-font-add, 3px));font-weight:850}
.org-modern-connector{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:18px auto 14px;color:#284494;font-size:calc(9px + var(--ui-font-add, 3px));font-weight:900}.org-modern-connector i{height:1px;background:linear-gradient(90deg,transparent,#9fb2cf)}.org-modern-connector i:last-child{background:linear-gradient(90deg,#9fb2cf,transparent)}.org-modern-connector span{padding:6px 10px;border:1px solid #b8c8df;border-radius:10px;background:#fff}
.org-modern-departments{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));align-items:start;gap:13px}.org-modern-department{position:relative;overflow:hidden;border:1px solid #d9e3ef;border-radius:17px;background:#fff;box-shadow:0 10px 26px rgba(34,61,105,.055)}.org-modern-department:before{content:"";position:absolute;top:0;right:50%;width:1px;height:12px;background:#9fb2cf}.org-modern-department>header{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:8px;padding:15px 13px 11px;border-bottom:1px solid #e5ebf2;background:#f5f8fc}.org-modern-department>header>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#e6edfa;color:#284494}.org-modern-department>header svg{width:20px}.org-modern-department>header strong{color:#183b83}.org-modern-department>header small{color:#77869a;font-size:calc(8px + var(--ui-font-add, 3px))}.org-department-lead{padding:12px}.org-department-lead .org-modern-person{width:100%}.org-department-members{display:grid;gap:7px;padding:0 12px 12px;border-top:1px dashed #dce4ed}.org-department-members .org-modern-person{width:100%;margin-top:9px;box-shadow:none}.org-department-empty{padding:0 12px 14px;color:#8a95a4;font-size:calc(8px + var(--ui-font-add, 3px));text-align:center}

/* Compact employee and department access assignment. */
.department-access-bulk{grid-column:1/-1;display:grid;grid-template-columns:minmax(240px,.8fr) minmax(430px,1.4fr);align-items:center;gap:18px;padding:18px;border:1px solid #b9cbe5;border-radius:18px;background:linear-gradient(145deg,#edf3fd,#fff);box-shadow:0 12px 30px rgba(40,68,148,.07)}.department-access-bulk>header{display:flex;align-items:center;gap:11px}.department-access-bulk>header>i{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border-radius:15px;background:#284494;color:#fff}.department-access-bulk small,.department-access-bulk strong,.department-access-bulk p{display:block}.department-access-bulk small{color:#ef2d35;font-size:calc(8px + var(--ui-font-add, 3px));font-weight:900}.department-access-bulk strong{margin-top:3px;color:#183b83}.department-access-bulk p{margin:4px 0 0;color:#6e7d94;font-size:calc(8px + var(--ui-font-add, 3px))}.department-access-bulk>div{display:grid;grid-template-columns:1fr 1.25fr auto;gap:7px}.department-access-bulk select,.employee-access-add select{min-width:0;height:43px;padding:0 10px;border:1px solid #ccd8e8;border-radius:10px;background:#fff;color:#263e6b;font:inherit}.department-access-bulk button,.employee-access-add button{height:43px;padding:0 13px;border:0;border-radius:10px;background:#284494;color:#fff;font-weight:900;white-space:nowrap}
.employee-module-access-list{margin:0}.employee-access-compact{display:grid;gap:10px}.employee-current-grants{display:flex;flex-wrap:wrap;gap:6px}.employee-current-grants>span{position:relative;min-width:135px;padding:8px 10px 8px 31px;border:1px solid #d5e0ed;border-radius:11px;background:#f6f9fc}.employee-current-grants b,.employee-current-grants small{display:block}.employee-current-grants b{color:#274474;font-size:calc(9px + var(--ui-font-add, 3px))}.employee-current-grants small{margin-top:3px;color:#77869b;font-size:calc(7px + var(--ui-font-add, 3px))}.employee-current-grants button{position:absolute;left:6px;top:50%;width:21px;height:21px;padding:0;transform:translateY(-50%);border:0;border-radius:7px;background:#fff0f0;color:#c63239}.employee-current-grants>em{padding:9px;color:#8390a2;font-size:calc(9px + var(--ui-font-add, 3px));font-style:normal}.employee-access-add{display:grid;grid-template-columns:minmax(210px,1fr) auto;gap:7px}.employee-access-admin{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #b9cbe5;border-radius:13px;background:#eef3fc}.employee-access-admin>i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#284494;color:#fff}.employee-access-admin strong,.employee-access-admin small{display:block}.employee-access-admin strong{color:#183b83}.employee-access-admin small{margin-top:3px;color:#74839a;font-size:calc(8px + var(--ui-font-add, 3px))}
.employee-advanced-access{margin-top:10px;border:1px solid #dce4ee;border-radius:12px;background:#f8fafc}.employee-advanced-access>summary{padding:10px 12px;color:#526580;font-size:calc(9px + var(--ui-font-add, 3px));font-weight:850;cursor:pointer}.employee-advanced-access .warehouse-permission-list,.employee-advanced-access .hr-permission-list{margin:0;border:0;border-top:1px solid #e2e8f0;border-radius:0;background:transparent}
@media(max-width:900px){.department-access-bulk{grid-template-columns:1fr}.department-access-bulk>div{grid-template-columns:1fr 1fr}.department-access-bulk>div button{grid-column:1/-1}.org-modern-departments{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.org-visual-chart--primary{padding:15px}.org-visual-chart--primary>header{display:block}.org-modern-chart{padding:14px}.org-modern-departments{grid-template-columns:1fr}.org-modern-person.management{min-width:100%;width:100%}.department-access-bulk>div,.employee-access-add{grid-template-columns:1fr}.department-access-bulk>div button,.employee-access-add button{grid-column:auto}.user-access-row{grid-template-columns:1fr}.employee-current-grants>span{flex:1;min-width:145px}}