.employee-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 15px;
}

.employee-card .employee-actions .btn {
  width: 100%;
  margin: 0;
}

.delete-employee {
  border: 1px solid #f1c9c5;
  background: #fff7f6;
  color: #b6473c;
}

.delete-employee:hover {
  background: #b6473c;
  color: #fff;
}

.employee-permissions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  padding: 12px;
  border: 1px solid #e4eae6;
  border-radius: 9px;
  background: #f8faf8;
}

.employee-permissions > span,
.employee-permissions > small {
  width: 100%;
}

.employee-permissions label {
  color: #34483d;
}

.employee-permissions input {
  width: auto;
  margin: 0;
}

.employee-permissions.disabled {
  opacity: .5;
  pointer-events: none;
}

.note-grant-section{width:100%;border-top:1px dashed #d9e3dd;padding-top:10px;margin-top:4px;display:block!important}
.note-grant-section[hidden]{display:none!important}
.note-grant-section>span{display:block;font-size:12px;color:#4d5c53;margin-bottom:8px}
#note-grant-targets{display:flex;flex-wrap:wrap;gap:8px 12px;max-height:150px;overflow:auto;padding:2px}
#note-grant-targets .grant-target{display:inline-flex;align-items:center;gap:6px;font-size:12px;background:#fff;border:1px solid #e0e8e3;border-radius:8px;padding:6px 10px;cursor:pointer;color:#34483d}
#note-grant-targets .grant-target:hover{border-color:#8fc0a8}
#note-grant-targets .grant-target input{width:auto;margin:0}
.grant-empty{color:#9aaea3;font-size:11px}