.access-role-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.access-role-items{display:grid;gap:8px;margin-top:14px}.access-role-item{display:flex;flex-direction:column;gap:3px;padding:12px;text-align:left;border:1px solid #dce3ea;border-radius:8px;background:#fff;cursor:pointer}.access-role-item:hover{border-color:#7d99ad;background:#f7fafc}.access-role-item span{font-size:12px;color:#667784}.access-role-fields{display:grid;grid-template-columns:1fr 2fr;gap:12px;margin:14px 0}.access-role-permissions{display:grid;border-top:1px solid #e1e7ec}.access-role-permission-row{display:grid;grid-template-columns:minmax(180px,1fr) 2fr;gap:16px;padding:12px 0;border-bottom:1px solid #e1e7ec}.access-role-permission-row>div{display:flex;flex-wrap:wrap;gap:10px 20px}.access-role-permission-row label{display:flex;align-items:center;gap:7px;font-size:14px}.access-role-permission-row select{min-width:190px;padding:6px;border:1px solid #cbd5dd;border-radius:6px;background:#fff}.project-employee-option{display:flex;align-items:center;gap:8px;padding:7px 0}.project-employee-option input{width:18px;height:18px}@media(max-width:800px){.access-role-fields,.access-role-permission-row{grid-template-columns:1fr}.access-role-permission-row>div{flex-direction:column}}

.project-employee-edit-section{margin-top:18px;padding-top:16px;border-top:1px solid #dfe6ec}.project-employee-edit-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:0 18px;margin-top:6px}

.project-single-card .project-detail-wide-field{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,45%);align-items:start;column-gap:12px}
.project-single-card .project-detail-wide-field>span,.project-single-card .project-detail-wide-field>strong{min-width:0;white-space:normal;overflow-wrap:anywhere}
.project-single-card .project-detail-wide-field>strong{text-align:right}
@media(max-width:460px){.project-single-card .project-detail-wide-field{grid-template-columns:1fr;row-gap:3px}.project-single-card .project-detail-wide-field>strong{text-align:left}}

#projectEmployeeEditList .project-employee-option input[type="checkbox"]{accent-color:#063f6c;cursor:pointer;flex:0 0 auto}
#projectEmployeeEditList .project-employee-option input[type="checkbox"]:focus-visible{outline:2px solid #063f6c;outline-offset:3px}

#projectEmployeesSummary > strong{text-align:left}