.directory-view-bar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:14px 0 18px}.directory-view-switch{display:flex;gap:7px}.directory-view-switch button{min-width:90px}.directory-view-switch .primary{background:#ff7825!important;color:white!important}.directory-list{display:block!important}.directory-list-table{width:100%;table-layout:fixed}.directory-list-table th:nth-child(1){width:21%}.directory-list-table th:nth-child(2){width:20%}.directory-list-table th:nth-child(3){width:12%}.directory-list-table th:nth-child(4){width:20%}.directory-list-table td{overflow-wrap:anywhere;vertical-align:top}.directory-list-table small{display:block;font-size:12px!important;color:var(--muted)}.directory-list-table td:last-child button{padding:7px!important;font-size:12px!important}.directory-source-note{display:block;font-size:12px!important;font-weight:400;color:var(--muted);margin:4px 0}.profile-form input[readonly],.profile-form textarea[readonly]{opacity:1;color:var(--ink);background:var(--surface)}.profile-form label:has([name=pronouns]){display:block!important}
@media(max-width:650px){.directory-view-bar{flex-wrap:wrap}.directory-list-table thead{display:none}.directory-list-table,.directory-list-table tbody,.directory-list-table tr,.directory-list-table td{display:block}.directory-list-table tr{border:1px solid var(--line);border-radius:12px;padding:10px;margin:10px 0}.directory-list-table td{display:grid;grid-template-columns:115px 1fr;gap:8px;border:0!important;padding:6px 0!important}.directory-list-table td::before{content:attr(data-label);font-size:12px;font-weight:700;color:var(--muted)}.directory-list-table td:last-child{display:block}.directory-list-table td:last-child::before{display:none}.profile-form input{min-width:0;width:100%}}
.directory-view-bar{flex-wrap:wrap}.directory-excel-export{display:inline-block!important;text-decoration:none!important;color:#a3440b!important;border:1px solid #ff7825!important;padding:8px 12px!important;border-radius:9px!important;font-weight:750!important;background:white!important}.directory-excel-export:hover{background:#ff7825!important;color:white!important}.directory-view-switch{margin-left:auto}
.directory-detail-section{border:1px solid var(--line);border-radius:12px;padding:13px}.directory-detail-section summary{font-weight:800;cursor:pointer;color:var(--ink)}.directory-detail-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:14px}.directory-detail-fields .full{grid-column:1/-1}.directory-combo{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:5px}.directory-combo input,.directory-combo select{min-width:0}.directory-employment{font-size:12px!important;color:var(--muted)!important}.profile-card{max-height:90dvh!important;overflow-y:auto!important}.directory-edit-status{color:#a23920}.profile-form label:has([name=department]){display:block!important}@media(max-width:650px){.directory-detail-fields{grid-template-columns:1fr}.directory-combo{grid-template-columns:minmax(0,1fr) 95px}}
#view-employee-directory .hr-filter{grid-template-columns:minmax(200px,430px) minmax(180px,260px)!important} @media(max-width:650px){#view-employee-directory .hr-filter{grid-template-columns:1fr!important}}