.employee-experience-panel { border: 1px solid var(--border, #647085); border-radius: 14px; padding: 18px; margin-top: 18px; min-width: 0; grid-column: 1 / -1; }
.employee-experience-panel summary { font-weight: 750; font-size: 20px; cursor: pointer; }
.employee-experience-panel > label { display: grid; gap: 7px; margin: 12px 0; }
.employee-experience-panel button { margin: 8px 8px 0 0; white-space: normal; }
.employee-role-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; padding: 16px 0; }
.employee-role-fields label, .employee-experience-panel .employee-role-toggle { display: flex; flex-direction: row; align-items: start; gap: 10px; font-size: 16px; line-height: 1.4; }
.employee-role-fields input, .employee-role-toggle input { width: 22px !important; min-width: 22px; height: 22px; flex: 0 0 22px; margin: 0; }
.employee-experience-panel [role=alert] { color: #ff8d9e; }
/* Dedicated role editor; checkboxes are policy controls, never status badges. */
#deskEmployeeRoles {grid-column:1/-1;min-width:0}
html[data-plove-theme] #deskEmployeeRoles #employeeRoleManager {margin:0;padding:22px;border-radius:20px;background:var(--desk-pane);border:1px solid var(--desk-rim);color:var(--desk-ink)}
#employeeRoleManager .role-editor-toolbar {display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}
#employeeRoleManager .role-editor-toolbar label {display:grid;gap:7px;font-size:13px}
#employeeRoleManager .employee-role-fields {display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0}
#employeeRoleManager fieldset {min-width:0;margin:0;padding:12px 16px;border:1px solid var(--desk-rim,#647085);border-radius:14px}
#employeeRoleManager legend {padding:0 6px;font-weight:650;font-size:14px}
html[data-plove-theme] #employeeRoleManager .employee-role-fields label {display:flex;align-items:center;gap:10px;min-height:40px;margin:0;padding:8px 0;font-size:14px;color:var(--desk-ink);border-bottom:1px solid var(--desk-rim)}
#employeeRoleManager .employee-role-fields label:last-child {border-bottom:0}
html[data-plove-theme] #employeeRoleManager input[type=checkbox] {appearance:auto !important;width:18px !important;min-width:18px !important;height:18px !important;min-height:18px !important;flex:0 0 18px;padding:0 !important;accent-color:#9383db;box-shadow:none !important;cursor:pointer}
#employeeRoleManager p {max-width:90ch;font-size:13px;line-height:1.55}
#employeeRoleManager .role-editor-note {color:var(--desk-muted);margin-top:16px}
@media(max-width:760px){#employeeRoleManager .employee-role-fields,#employeeRoleManager .role-editor-toolbar {grid-template-columns:1fr}}